Add Specs & Guides To Sketch Symbols, Part 1: Padding

Part 1: Padding | Part 2: Text Baseline | Part 3: Measurements

Series Introduction

So, you created the perfect design system, reflecting the brand and customers’ needs. You designed all of the components, created the Sketch symbols and wrote the documentation. The only problem is: nobody is following the documentation, resulting in wasted time in design critiques and revisions. It may not be their fault. Reading documentation can be time consuming, difficult to follow and hard to understand.

For example, Google’s Material Design is a robust design design system which requires lengthy documentation. Even those who use it every day may need to reference the documentation often and may still not get it right.

Bring design specs to the designers, in Sketch.

Your design system and Sketch symbols are a product and the designers are the end users. Let’s create a product built to meet their needs. Let’s make it easier to follow the specs and guidelines by including them in the very Sketch symbols designers are using.

This three-part series will show how to include adaptive padding, text baselines and min/max measurement guides nested within each symbol. By doing so, you will see designers…