Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Workflows with Sketch

Design Workflows with Sketch

A session by Clark Wimberly at Revolve Conference 2016

Revolve Conference

October 27, 2016

More Decks by Revolve Conference

Other Decks in Design


  1. <3

  2. "Sketch is an awesome minimalist app focused on UI design.

    There’s none of that image-editing sh*t in there. The team really loves it. It helps us be as fast as we can possibly be.” Joshua Porter Director of UX at Hubspot
  3. Pull text styles as CSS /* Article Body */ font-family:

    Helvetica; font-size: 20px; color: #4A4A4A; line-height: 35px;
  4. Pull layer styles as CSS /* button: */ background-image: linear-gradient(-180deg,

    #C8BFDB 0%, #B8A6E4 100%); border-radius: 100px; /* button-type: */ font-family: Karla-Bold; font-size: 32px; color: #FFFFFF; text-shadow: 0px 2px 0px rgba(0,0,0,0.24);
  5. Exporting an icon as a 1x, 2x PNG file and

    resolution-independent SVG
  6. SketchTool Cross-platform CLI for accessing .sketch innards sketchtool list pages

    filename.sketch sketchtool dump filename.sketch sketchtool export artboards filename.sketch ——output ——scale ——formats