InsideEdgeInsideEdge
Download App

Phase 8 · Design Systems

Topics

Building a Design System in Figma

Part of the UI/UX Design Roadmap.

Summary

Applying components, variants, auto layout, and tokens together to build a functional, reusable design system file that a real team could actually use day to day.

How to Learn This

  • 1Build a small but complete design system: tokens, 8-10 components, and clear documentation.
  • 2Test your system by designing a new screen entirely from its existing components.
  • 3Learn to resist adding a one-off component when an existing one could be extended instead.

Previous

Atomic Design Methodology

Next

Documentation for Design Systems

More topics in Design Systems

What Is a Design SystemDesign TokensComponent LibrariesAtomic Design MethodologyDocumentation for Design SystemsVersioning & GovernanceCross-Platform Design SystemsMaintaining Design-Dev Consistency
InsideEdge

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download
InsideEdge