Skip to content
shadcndesign logo

shadcndesign

Provides a Figma design kit of shadcn UI components and blocks, plus a plugin that converts Figma frames into shadcn React code.

From $119 onceActively maintained

Code generationFor developers
shadcndesign.com ↗
Open shadcndesign.comAlternativesSet it up for my team
shadcndesign: data, price, alternatives
  • Is it safe? Its policy says it trains on your data.See ↓
  • Is it free? From $119 once · pricing page, read Oct 20, 2026See ↓
  • What else does this? UI2Code.aiSee ↓
At a glancechecked Nov 1, 2026

≈ 899visits/mo

Little sign of use · estimate, read Oct 20, 2026

For
Designers, developers and teams building shadcn ui projects in Figma and React
Price
From $119 oncepricing page, read Oct 20, 2026Trial & discounts: student discount
Activity
Actively maintainedsite updated 4 days ago
Used for
  • turn Figma frames into React components
  • assemble pages from prebuilt shadcn blocks
  • convert Figma design tokens into CSS
read off shadcndesign.com on Oct 20, 2026
Worth knowingcomputed from what we read · each with its source
Pricingpricing page, read Oct 20, 2026

From $119 once

Trial & discounts student discount

pricing page

Price Watch: every price change in the Atlas, weekly

Your datawhat they publish, each line with its page · read Oct 20, 2026

“We don t use your design systems or chats to train AI models.”

privacy policy ↗

These are shadcndesign's own statements, read from its pages. We did not audit them. A line that is missing was not found on the pages we read; it does not mean the practice is absent.

How a program reaches itfound, not claimed · read Oct 20, 2026
  • MCP servercom.shadcndesign.manager/ds-managerverified in the MCP registry
  • Stateanswers, requires sign-inchecked 2026-10-20
  • Address to connectmanager.shadcndesign.com/api/mcp

MCP server details →

This card as JSON, for your agent →

Each line is something a program found when it went looking: the registry entry, the server's own answer, a spec that parses. A missing line means we did not find it, not that it does not exist.

Not it? Say what you need

beta

Three tools from the Atlas for the job you describe, each with what fits and what does not.

From people who use itnot part of the reading

No notes yet. What do you use shadcndesign for?

Sign in to leave a note
Questions this page answers
  • What is shadcndesign?

    Provides a Figma design kit of shadcn UI components and blocks, plus a plugin that converts Figma frames into shadcn React code.

  • Who is shadcndesign for?

    Designers, developers and teams building shadcn ui projects in Figma and React

  • How much does shadcndesign cost?

    Paid plans start at $119 once, per shadcndesign's pricing page on 2026-10-20.

  • Is shadcndesign free?

    No. Its pricing page showed no free plan on 2026-10-20.

  • Do people use shadcndesign?

    Little sign of use: ≈ 899 visits/mo · estimate, 2026-10.

  • Is shadcndesign still maintained?

    Actively maintained: site updated 4 days ago.

  • Does shadcndesign train AI on your data?

    Yes, per its privacy policy (2026-10-20): “We don t use your design systems or chats to train AI models.”

  • Is shadcndesign safe?

    We do not audit vendors. What shadcndesign publishes, read 2026-10-20: on training with your data, “We don t use your design systems or chats to train AI models.”.

  • Does shadcndesign have a student discount?

    Yes, its pricing page names a discount for students (2026-10-20).

  • How do I cancel shadcndesign?

    In its own words (terms of service, 2026-10-20): “You can cancel at any time in the customer portal (Manage billing in the app), and Pro stays active until the end of the period you paid for.”

  • Does shadcndesign give refunds?

    In its own words (pricing page, 2026-10-20): “However, if for any reason, this UI kit is not what you expected, we ll process the refund if you contact us within 14 days of purchase - drop us a line and we will issue a refund within 30 days after reviewing your request.”

How we read a tool

No votes, no reviews, no vendor claims. Every week a crawler reads each tool's own site and a few public registries, and the words on the card are bands over what it read.

  • Use: visits to the site (estimated), installs from npm and PyPI, presence in Chrome's usage report.
  • Activity: the newest release on GitHub, npm or PyPI; the newest dated page on the site; open roles on a public jobs board.
  • Price: the vendor's own pricing page, read with the date. A figure is printed only when it is on that page.
  • The line and the use cases are written by us from the homepage, one tool at a time, and refused when they repeat the vendor's marketing.

How AI assistants read each site — the reading vendors ask us about — is on each tool's own visibility page.

How we read every tool → · By INITE Atlas Desk