45 components. 10 visual styles.
Real Figma component sets with variants and properties, built from your tokens — so they update when your colors, type and radius change.
UIX : Design System Generator×
Component library, done properly
45 components
Actions, forms, navigation, feedback, data display and overlays — from buttons and inputs to tabs, toasts, tables and modals.
About 461 variants
Sizes, types and states — default, hover, pressed, focused, disabled — with component properties for labels and icons.
Bound to your tokens
Fills, text, radius and spacing use your variables and styles — nothing is hard-coded.
10 visual styles
Modern, Glass, Neumorphism, Brutalism, Clay, Neon, Gradient, Minimal, Tonal and Skeuomorphic.
Light & dark
Components follow your theme modes automatically.
Clean boards
Each category is laid out on its own board with a header and grid, readable on any canvas.
Every state, every size
Open a component to see its full variant table before you generate — and customize which variants you want.
UIX : Design System Generator×
Pick a visual style
The same tokens power every style, so you can generate Modern for the product and Glass or Neumorphism for a marketing page — and a brand change updates all of them.
UIX : Design System Generator×
Built in quick batches
Components are generated a few at a time with a progress bar and a Stop button. Icons come from Lucide (ISC license) and are embedded as vectors.
What’s included
Free
Button and Badge in the Modern style.
Pro 7-day free trial
All 45 components in all 10 visual styles.
Questions about components
Can I edit the generated components?
Yes — they are normal Figma components and component sets. When you generate again, UIX only replaces its own components, and only if Replace existing is on.
Do components update when my tokens change?
Yes. Colors, text, radius and spacing are bound to your variables and styles, so a re-sync updates every component.
Which icons do the components use?
Lucide icons (ISC license), embedded as vectors so they work offline and recolor with your tokens.
Themes
Tokens
Code export
Build your design system today.
Free to start in any Figma file. Pro is free for 7 days.