Design in Figma with the same system you ship
Turn any shadcn/ui preset into native Figma variables, styles, components, and reusable app blocks on one free-tier-friendly page.
Niram turns a shadcn/ui preset into native Figma variables, styles, components, and app blocks. Paste one preset code and generate a complete, reusable design-system surface on a single Figma page.
Get started
Install the plugin and generate your first system from a shadcn preset.
Design system
See the variables, text styles, effects, and theme tokens Niram creates.
Components
Explore the reusable shadcn-style component surface.
Blocks
Browse evergreen app blocks and their install commands.
One preset, one coherent Figma system
- Native tokens — Tailwind colors, spacing, radius, typography, opacity, borders, shadows, and blur become Figma variables and styles.
- Light and dark together — the free-tier-friendly theme uses one mode with
dark-*twin variables. - Real component instances — blocks reuse generated components instead of flattening the design into static artwork.
- Safe to regenerate — changing presets updates the same collections, styles, and regions in place.
- Fully offline — the plugin does not use network requests, analytics, or third-party services.