Scalable Design Systems - in Figma, Invision, Sketch

A collection of resources that help you to create, maintain, and iterate scalable design systems.

About Design Systems

What are they and why do they matter?

What are Design Systems? Why should I use one? What if I don't?
They contain items like: UI Kits, Interaction Designs, Usability Patterns, Development Components, Language Definition, and more! They help your team to speak the same language and also iterate much faster through both prototypes and live software. You'll continue to feel the pain of technical debt, change management, poor ux, high customer support requests, and lengthy times to develop and launch new software.

Articles and Tutorials

Managing Your Design System in Figma

Billy Sweetman, Headway

Get Started with Multi-Tiered UI Kits for Design Systems

Billy Sweetman, Headway

How Adobe XD Approaches Design Systems

Adobe XD

Space, Grids, and Layouts

Elliot Dahl, Lattice

Useful Sections for a Design System Reference Site

SuperFriendly

Design Systems for Email

Ovi Demetrian, Jr., SuperFriendly

A comprehensive guide to design systems

Will Fanguy, Invision

Design Systems Course for Product Teams

Billy Sweetman, Headway

Scalable Design Systems

© 2020 - Scalable Design Systems