Curators
Submit
Wall of ❤︎
X
LinkedIn
Instagram
Resources for Design Systems
155 resources
Figma
Design System Contribution Template
Learning
Behind the scenes of designing a design system component
Learning
Defining Design System Contributions
Learning
Keeping design system contributions in check
Figma
Data Visualization Style Guide
Learning
Metlife⎜Global Design System – Data Visualization
Learning
WHO Data Design Language
Figma
Typography scale system for multiple brand and responsive design
Learning
CFPB Design System – Data Visualization Guidelines
Figma
Functional UI Kit, Design to Code Design System (Free)
Figma
Atomize Design System – Create modern and appealing user interfaces and websites
Figma
Wanted Design Library
Figma
Selection Variants – View and control all nested variants in selection
Learning
Optimising your design system with Figma’s variables
Figma
Guide – Component naming manifesto
Learning
Design System Governance Models
Figma
Typography variables starter kit
Figma
Framework Illustrations
Figma
Typography variables – System fonts boilerplate
Learning
Design Systems vs. Style Guides
Learning
Design System Contribution Models
Figma
Auto Documentation – Document all of the color and font styles
Figma
Pinwheel Plugin – Export variables as Design Tokens JSON
Figma
Detach Variables
Learning
Design System Governance – Scale Your Design
Figma
Organising Design Systems
Figma
Helsinki Design System 4.0.0
Figma
Design System Hub – UX design systems from all over the world
Figma
Export Variables (CSS, SCSS, Tailwind)
Learning
Style Dictionary – Design Tokens
1
2
3
…
6
→
