About this product
A Figma design system built on atomic design — tokens feed primitives feed components feed patterns. Light and dark mode via Figma variables, not manual duplication. Includes 200+ components with variants and auto-layout, documentation pages inside Figma, and a 30-minute video walkthrough that explains not just what's there but why it's structured that way.
What's included
- Complete token system (color, typography, spacing, elevation)
- Atomic design structure: atoms to molecules to organisms
- 200+ Figma components with variants and auto-layout
- Documentation pages built inside Figma
- Light and dark mode via Figma variables
- Onboarding guide and 30-minute video walkthrough
Figma educator and design systems consultant. I build systems that teams actually use.
Reviews (298)
Used this as the foundation for our company design system. The structure is exactly what a growing team needs — tokens, primitives, components, all organized properly.
The video walkthrough was the real highlight. Aria explains not just how the system works but why it's structured the way it is. Educational and genuinely practical.
