Sketch Tutorial

How to create a Design System in Sketch (Part One)

Let me show you the foundations that need to be laid to start building up a powerful Design System

Marc Andrew
Dec 6, 2017 · 10 min read

🎁 Want to dramatically improve your Workflow with my Premium Design System for Sketch? You can pick up a copy of Cabana right here.


Laying the Foundations

“Not cool with Symbols Overrides. Oh no I’m not!”
“I feel the need…the need for (a) speed(ier workflow in Sketch)”
“Where did all the time………….zzzzzzzzzzzzz”

Start with those Colors…

Keep it simple you silly sausage (KISYSS)
Ready, Set, Go!

… and now for the Typography…

Various

Shadows

Gradients & Duotone

8pt grid system

Don’t want to build a Design System yourself? You can pick up a copy of Cabana right here.

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Marc Andrew

Written by

Designer. Creator of Cabana https://cabanadesignsystem.com and Wired https://wiredkit.com. Follow me at https://twitter.com/mrcndrw for helpful design tips. 👍

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade