Design Systems, part 1: Art-boards and grids

Design + Sketch App — Medium | Christopher Deane

An ongoing series where together, we build a design system in Sketch called Dezin.

The preparation article for this series was published last September, feel free to read it to get ready for this installment:

Design Systems: Preparation – software, services and plugins.

View the tutorial

What’s covered in part 1:

1. 1:12 Abstract general introduction
2. 2:14 Creating a project
3. 2:35 Creating the Sketch file from within Abstract and a new branch
4. 3:20 Sketch introduction and UI tour
5. 5:12 Creating art-boards for desktop, tablet and mobile and setting up the 8 point grid system and baseline for each one
6. 13:52 Commit and merge the branch back into the master Sketch file in Abstract

Watch the series

Here’s the rest of the series where I’ll be adding new parts every 1–2 weeks:

For updates:

Follow me here at Medium, Twitter and YouTube.

Design Systems, part 1: Art-boards and grids was originally published in Design + Sketch on Medium, where people are continuing the conversation by highlighting and responding to this story.