1.8 Resources

Introduction

In this chapter, you can find extra resources on the design systems I mentioned before. I've collected some valuable reads on the style guide part of the creation of the design system. While the Figmaster focuses on the practical aspect of working in Figma (how?), in this chapter, you can learn more about design systems theory (why?). Most of these articles affected my thought processes while designing the Figmaster Design system. It is a complement to the practical knowledge you gained in this module.

Extra resources

Tokens in Design Systems by Nathan Curtis

Typography in Design Systems by Nathan Curtis

Color in Design Systems by Nathan Curtis

The HSB Color System: A Practitioner's Primer by Erik D. Kennedy

Space in Design Systems by Nathan Curtis

The 8-point grid by spec.fm

Responsive grids and how to actually use them: common UI layouts by Christie Tang

Material Design's approach to Elevation

How to Design Better Icons by buninux

A complete guide to iconography by Bonnie Kate Wolf

PreviousNext