From the launch thread on X
"Wow. Amazing job on this Matt. Like shadcn/create + figma :)"
shadcn
@shadcn
Design system manager for shadcn/ui. What else could we need? Time to make our components even more special.
OROrcDev
@orcdev
I tried out the new shadcn/ui Design System Manager by @matsugfx and I'm blown away! It is by far the best tool out there for styling shadcn/ui components. Try it now!
ADAdam Henriksen
@ahenriksen11
sharing a live preview with the client is such a nice touch. super useful
ASAshik
@AshikArtistry
Visual editor that updates every component when you tweak a token is exactly what design systems needed.
LOlofder
@LofderNean
Holy f*** holy f***. This is literally what we needed. Holy f***
PRPresleywylder
@presleywylder
Change a token once, see it everywhere
Colors, type, radius and shadows update live. Contrast shows as you edit.
Style shadcn/ui components
⌘-click any part on the canvas to edit one variant or all of them.
Decide what agents can change
Agents can't change a locked property, and your linter flags it in code.
337 ProBlocks in your style
Landing page, app and e-commerce blocks, drawn with your tokens.
One command to install, one to update
Publish a shadcn/ui registry. One command installs it, one pulls updates.
Show the whole system with one link
Every page opens live, in light and dark. You choose if others can fork it.
Free to start.
Pro when you need more.
Free
$0USD
Free forever
- Full editor access
- Share links
- MCP (50 edits and 500 reads, once)
- 3 systems
- 1 published registry
- 48 ProBlocks
- AI agent ($1 of usage, once)
Payments by Polar. Tax is added at checkout where it applies. AI usage costs what the model provider charges, and the agent stops at zero rather than billing you more. Cancel any time. No refunds, so try Free first.
Questions and answers
Yes. The editor is free with no account, and the Free plan gives you 3 systems, 1 published registry and $1 of AI usage. Pro adds room for 30 systems, 10 published registries and $5 of AI usage a month. Free also includes 50 MCP edits and 500 reads, once, so you can try it with your agent. After that, MCP is part of Pro, as are custom components.
No. Everything runs in your browser until you sign in. Sign in with GitHub when you want your systems synced across devices, a published registry, share links or the agent.
Publish it, then run the install command from the Get code dialog. It is a standard shadcn/ui registry, so the shadcn CLI writes your tokens and components into the project. After each new publish, run the same command again to pull the changes.
Yes, if it runs Next.js and Tailwind v4. The install command switches the project's components.json to your style, base color and icon library, then reinstalls every component it finds with your version. Commit first, since it overwrites those files.
All 8 official shadcn/ui styles and 61 components, built on Base UI from a pinned shadcn/ui release. Exports target a Next.js project with Tailwind v4.
Claude Code, Cursor, Codex, Claude.ai and Claude desktop each have a setup guide in DS Manager under Settings, MCP. You copy the address into your agent and click Allow when DS Manager asks, with no token to paste. MCP clients that run in a browser tab can't connect.
Each run of agent edits undoes in one step from the editor. Agents can't change your Lint locks or delete components. Imports and Figma conversions into an existing system wait on a review page, and only you can press Publish.
No. Your agent reads the file through Figma's own MCP server, so DS Manager never opens it. Syncing the kit needs the shadcndesign Figma kit 3.0 or newer, and pushing to it needs a paid Figma plan with a Full seat.
Yes. A Free account gets 50 MCP edits and 500 reads once, and MCP closes when either runs out. Pro gets 3,000 MCP requests and 1,000 edits a day, and 20 imports or Figma conversions a day. The daily limits reset at midnight UTC.
Yes, on Pro. Add an Anthropic, OpenAI, xAI or Google key in Settings and the agent runs on your account with the model you choose. Keys are checked with the provider, stored encrypted and never shown again.
The agent stops. It never bills you for more. Pro refills $5 each month, monthly or yearly, and Pro can bring its own AI API keys for unlimited use.
You can cancel a monthly or yearly plan any time and keep Pro until the period ends. There are no refunds. The editor and the Free plan come first so you can try it before you pay.