Everything your design system needs, in one plugin

Colors, typography, tokens, themes, components, code and an audit — all created as real Figma variables and styles.

UIX color editor showing a primary color scale from 50 to 950 with contrast badgesColorsOKLCH color scales with contrast on every shade.UIX typography tab with a type scale preview and font settingsTypography50 font pairings, modular scales, per-device text styles.UIX tokens tab showing the token list and motion durations with live previewsTokensSpacing to motion, as real Figma variables and styles.Semantic tokens table with light and dark values for each tokenThemesLight, dark, high-contrast and multi-brand themes.Component library in the Neumorphism style with buttons, inputs and selectsComponents45 token-bound components in 10 visual styles.Code export showing generated CSS variablesCode exportCSS, Tailwind, SwiftUI, Compose, Flutter and more.Token health check with a score, misused tokens and suggested fixesAuditHealth score, hard-coded values and one-click fixes. Step-by-step guideHow to create a design system in Figma, from an empty file to code.Read the guide →

Build your design system today.

Free to start in any Figma file. Pro is free for 7 days.

Install on Figma See pricing