Niram - shadcn Design System Generator

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:

Aug 21, 2026:New Variables Modes for Light and Dark ModeAdd new Questionnaire ComponentAdd new Message Scroller Component5x faster components generationAug 20, 2026:Swappable button icons with correct colorSidebar colors updatedInput dark mode fixedRadius and font loading improvedFixed border radius consistencyAdded selective replacement for themes, design system, components, and blocksAug 9, 2026:Fixed long-label overlap with one-line ellipsis.

Added expanded/icon-only Sidebar Menu Button variants.

Added editable label, subtitle, badge, visibility, and icon-swap properties.

Added expanded/collapsed, left/right, and sidebar/floating/inset Shell variants.

Added offline Figma documentation for every new component.

Kept the Sidebar library organized as one deterministic Components section.

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