broccolini

Hosting a Design Systems Coalition meetup in NYC

Event summary

The Design Systems Coalition is a new niche meetup for people enthusiastic about design systems. This includes professionals, freelancers, designers and developers, brand designers, managers and directors, and product managers, and anyone else interested in learning more or sharing their own experiences with building design systems.

The format of the meetup is to have 3, 10 minute lightning talks on the same topic area. After all 3 talks have finished we open questions to the floor, of which any speakers can respond to. We want to stimulate discussion with these talks, but keep the majority of the time for networking and meeting other design systems enthusiasts.

The meetup is organized by Diana Mounter, who leads design systems at GitHub, Tom Takigayama, design lead at [Justworks](https://justworks

broccolini

#Empowering designers who code

Google “should designers code” and you'll get an abundance of articles - from people angered by the fact that there are still designers who design for the web and don't know HTML and CSS, to articles on how designers think differently and shouldn't code. I think designers should code if they want to.

While there are many books, workshops, and free online courses to help you learn to code, they don't teach you what it's like to contribute to a product with real users. The skills and knowledge required are a bit more complex than knowing how to write HTML and CSS.

When I started at Etsy I felt nervous and hesitant about whether I could write code good enough for production, and I'd never contributed to a web application at the scale of Etsy. Now I deploy to production regularly, and I help teach other designers and engineers how use our new style guide. Etsy's tooling and supportive engineering culture enables me, and the rest of the design team, to contribute code with confide

broccolini

.grid {
  float: left;
  width: 100%;
}
  @media screen and (min-width: 512px) and (max-width: 895px) {
    .grid { width: 50%; }
    .grid:nth-child(2n+1) { clear: left; }
  }
  @media screen and (min-width: 896px) and (max-width: 1279px) {

broccolini

• RagePixel: an extension for Unity for editing or animating pixel art (will test if looks like we're going to use Unity)
• Aseprite: opensource crossplatform, can import sprite sheets, but the UI is so hidious I couldn't stand using it for more than a minute. Here is a tutorial if anyone wants a go http://jessefreeman.com/articles/designing-retro-games-for-windows-8/
• Pickle: basic but easy to use, can import single images and export sprite sheets, seems like a good option (unless we need to import whole sprite sheets)
• Spriter: designed for modular animating, probably too complex for the class, only quickly played with it but found it not very noob friendly
• ProMotion: looks a bit too involved but has lots of animation features

broccolini

body {
  background-color: #7A060C;
}

#wrapper {
  width: 90%;
  margin: 200px auto;
}

h1 {

broccolini

body {
  background-color: #7A060C;
}

#wrapper {
  width: 90%;
  margin: 200px auto;
}

h1 {