Niram - shadcn Design System Generator
Turn a shadcn/ui preset code into native Figma variables, components, and a design system.
Plugin Preview
About this plugin
Niram turns a shadcn/ui preset code into a complete native Figma design system. Paste a preset, generate once, and get Tailwind colors, design tokens, theme variables, typography styles, effects, components, and ready-made app blocks in a single editable Figma page.It works offline, creates native Figma variables and styles, and keeps everything reusable so you can edit components, swap themes, and build from a shadcn-style foundation faster.
Plugin Details
| Version | 14 |
|---|---|
| Created | May 30, 2026 |
| Last Updated | June 15, 2026 |
| Category | ui-kits |
| Creator | Praveen Juge |
| Stats | 6 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the ui-kits category.
UI Components Kit
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...
UI Kit
Turn technical debt into design consistency.
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries