Niram - shadcn Design System Generator

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.Changelog:June 30, 2026Added shadcn's new chat components: Bubble, Message, Marker, and Attachment.Added a Chat block: a full conversation screen with a header, messages, and a message box.Fixed the tinted and destructive bubbles that were showing as solid blue and red.Fixed the attachment error state that was showing a solid red box.Fixed a font error that crashed the plugin on re-run.Cleaned up some special characters in the text to avoid font issues.June 15, 2026Initial Release