Back to Plugins
Niram - shadcn Design System Generator

Niram - shadcn Design System Generator

Turn a shadcn/ui preset code into native Figma variables, components, and a design system.

Plugin Preview

Niram - shadcn Design System Generator 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

Version14
CreatedMay 30, 2026
Last UpdatedJune 15, 2026
Categoryui-kits
CreatorPraveen Juge
Stats6 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none