Question 1

Do you have a trial / free version?

Accepted Answer

The basic Shadcn Studio components, blocks will be free (open-source under MIT license) to use for personal and commercial projects. Unlock advanced features like complex components, enhanced animations, Blocks, Templates, Figma design systems, AI tools & more with a premium license.

Question 2

What do I get with premium version?

Accepted Answer

With a Shadcn Studio premium license, you gain access to all current component, blocks and templates, AI tools & more... plus any new components or templates we release in the future at no additional cost. Fore more details please refer the pricing section.

Question 3

Which framework/technologies do you support?

Accepted Answer

Seamlessly integrate our components, blocks, templates, and themes into any React.js stack, ensuring a smooth and efficient development process with full Tailwind CSS 4 support. Explore installation guide guides to learn how to integrate shadcn/ui.

Question 4

Can I customize components, blocks and templates?

Accepted Answer

Yes! Shadcn Studio is designed for easy customization, allowing you to adapt components, blocks, and templates to match your project's unique aesthetic and requirements.

Question 5

What is Shadcn Studio AI tools and how they can help me?

Accepted Answer

Shadcn Studio offers a suite of AI-powered tools designed to streamline your design-to-development workflow. These include: shadcn/ui Theme Generator: AI-driven tool that generates custom themes based on your preferences. Shadcn Studio Figma Plugin: Converts your Figma designs into clean, production-ready code with just a few clicks. Shadcn Studio MCP: A powerful tool that allows you to create blocks and landing pages by simply providing prompts, saving you time and effort in the development process.

Question 6

Do you provide design file (Figma)?

Accepted Answer

Yes, a Shadcn Studio Figma file is included with the Designer or Developer + Designer package.

Question 7

What does free future updates includes?

Accepted Answer

With a Shadcn Studio premium license, you gain access to all current component, blocks and templates, AI tools & more... plus any new components or templates we release in the future at no additional cost. This means that if we add a brand new component like "eCommerce Checkout" or design a new dashboard template, access to those products are included in your original purchase. To get an idea of what updates have looked like in the past, check out our roadmap.

Question 8

What is shadcn/ui for Figma?

Accepted Answer

The shadcn/ui kit for Figma is our (Shadcn Studio) comprehensive design kit that brings the shadcn/ui components into the Figma environment. It allows designers to create interfaces using shadcn/ui components directly in Figma, ensuring consistency between design and development.

Question 9

What is the difference between Shadcn Studio and other UI kits?

Accepted Answer

Shadcn Studio isn't just another UI kit. It's a complete design system built to bridge the gap between design and development. It comes with everything you need-from pre-built components & blocks to fully customizable themes. The integration with Shadcn Studio Figma Plugin makes it even more powerful, allowing you to convert your designs into code with ease, while maintaining design consistency across projects.

Question 10

What is Included in Shadcn Studio for Figma?

Accepted Answer

Shadcn Studio for Figma is a comprehensive shadcn/ui library and design system featuring over 1000+ component variants, 800+ blocks, 70+ Charts, App shells, Dashboards & more with an intuitive drag-and-drop page builder. It also includes the Figma Plugin (figma-to-shadcn/ui), which instantly converts your Figma designs into shadcn/ui code, ready to be copy-pasted or installed via the CLI.

Question 11

Can I create multi-brand design systems with this UI kit?

Accepted Answer

Yes, you can create multi-brand design systems with Shadcn Studio for Figma. You can easily create and manage multiple styles for different brands within a single design system using Figma variables.

Question 12

How will Shadcn Studio for Figma save my time?

Accepted Answer

This kit will save you time by providing pre-built UI components, templates, and design blocks, reducing the need for repetitive design work. The Figma plugin also enables you to quickly convert designs into production-ready code, speeding up the handoff process.

Question 13

How does this improve my collaboration with developers?

Accepted Answer

Shadcn Studio for Figma improves collaboration with developers by providing a seamless design-to-code workflow. Developers can directly access theme variables, CLI & generate code from Figma designs, making the handoff process smoother and ensuring consistency between design and development.

Question 14

How do the Figma UI Kit updates work?

Accepted Answer

Whenever we roll out new components, blocks, or themes, you'll get a notification directly in your Figma file. Updating your kit is simple - just click on the update link, and everything will be synced automatically! We regularly publish updates, so you'll always have access to the latest design trends and functionality.

Question 15

What is the Drag & Drop Block feature?

Accepted Answer

The Drag & Drop Block feature in Shadcn Studio for Figma is a game-changer for quickly building landing pages and websites. Instead of designing from scratch, you can simply drag pre-designed blocks (like hero sections, pricing tables, testimonials, etc.) and drop them into your Figma canvas. Each block is fully customizable, so you can adjust it to fit your brand. This feature lets you build stunning web pages effortlessly, saving you time and energy.

Question 16

Do I need a Figma Pro plan to use this UI Kit?

Accepted Answer

No. You can fully use all components, auto-layout, variables, and single theme mode of variable on the free Figma plan. However, you will only need Figma Pro if you want to edit multiple theme variable modes, publish the UI kit as a shared library, or use it across multiple files in a team project.

Question 17

How this Figma plugin (Shadcn Studio Figma) save my time?

Accepted Answer

The Shadcn Studio Figma plugin quickly generates optimized components based on shadcn/ui best practices. Copy the code or use the CLI for integration, and instantly test in v0. Export design tokens like colors and radius to CSS variables for consistent design and codebase alignment. It supports both light and dark themes and lets you import CSS variables back into Figma. The Copy Blocks CLI enables seamless integration of pre-designed blocks with a single command.

Question 18

Can I use this Figma plugin if I'm not a developer?

Accepted Answer

Absolutely! Shadcn Studio is built for both designers and developers. While the Shadcn Studio Figma Plugin is perfect for generating code, designers can still fully benefit from the pre-built components and drag-and-drop blocks. You don't need to be a developer to create beautiful, functional designs that are responsive and consistent.

Question 19

How does this improve my collaboration with developers?

Accepted Answer

Shadcn Studio for Figma improves collaboration with developers by providing a seamless design-to-code workflow. Developers can directly access theme variables, CLI & code from Figma designs, making the handoff process smoother and ensuring consistency between design and development.

Question 20

Do I need to provide my own AI API keys?

Accepted Answer

Yes, our plugin uses a BYOK (Bring Your Own Key) model. You need to bring your own API keys from one of the supported AI providers (Claude, Gemini, or OpenAI). This ensures you have full control over your API usage and costs, with no additional markup from us. Your LLM API key is stored securely in your local Figma's client storage. It is never transmitted to our servers and is only accessible by you.

Question 21

Can I try the plugin before purchasing?

Accepted Answer

The plugin requires a valid license key to unlock all the Pro features. However, you can view the figma-to-shadcn-plugin docs and examples to understand its capabilities before making a purchase decision.

Question 22

Is the quality of the generated code close to the original design in Figma?

Accepted Answer

Yes, the generated code accurately reflects your Figma designs when you'll follow our best practices, with the plugin performing optimally for simpler, modular components rather than complex page layouts. For maximum fidelity, we recommend generating code for individual UI elements or smaller parts of your UI instead of entire pages. Using the Claude 3.5+, GPT-4o, or Gemini 2.5 Pro model can also provide better results.Please note: This is an AI-powered tool and may occasionally produce hallucinations or unexpected results. We do not claim 100% accuracy as output quality depends on various factors including design complexity, component structure, and context. In general, you can expect 70-80% accuracy with properly structured designs, which significantly speeds up development while still requiring review and refinement.

Question 23

Is the plugin compatible with any shadcn/ui kit for Figma?

Accepted Answer

No, for the best results, we recommend using the plugin specifically with the shadcn/ui kit for Figma created by Shadcn Studio team. To achieve the best possible outcomes, use our figma-to-shadcn-plugin docs and follow the mentioned best practices.

Question 24

What is shadcn/ui Theme Generator?

Accepted Answer

The shadcn/ui Theme Generator is an online tool that transforms your shadcn/ui components, blocks, and templates in real time. Features include AI-powered theme generation with prompts, import/export, save & share functionality, a theme registry, stunning theme starters, undo/redo changes, color contrast validation, and more, helping you create polished interfaces faster than ever.

Question 25

Can I use Theme Generator for free?

Accepted Answer

Yes! Shadcn Studio offers a free version with essential features, including real-time customization, stunning theme starters, import/export functionality, typography fine-tuning, color mastery, and more - forever free.

Question 26

What is the difference between free and pro?

Accepted Answer

Shadcn Studio offers essential features for free, such as real-time customization and theme starters. The Pro version unlocks advanced features like AI theme generation, theme sharing and collaboration, color contrast validation, undo/redo changes, theme registry, and more. For full details, refer to the docs.

Question 27

Does Shadcn Studio Theme Generator support Tailwind CSS V4?

Accepted Answer

Yes! The Shadcn Studio Theme Generator fully supports Tailwind CSS V4, ensuring seamless integration with the latest version of Tailwind for consistent and efficient styling across your projects.

Question 28

Can I use Shadcn Studio theme generator with my existing shadcn/ui project?

Accepted Answer

Yes! You can export your themes as CSS variables that work with any shadcn/ui project. The exported CSS includes all custom colors, shadows, and typography settings.

Question 29

How does AI theme generator works?

Accepted Answer

By simply providing prompts, it creates fully functional themes, including components and layouts, that align with your project's style and requirements. The AI adapts to natural language your input, ensuring that the generated themes are optimized and ready for seamless integration with shadcn/ui project.

Question 30

Which AI model should I choose?

Accepted Answer

We recommend Claude 3.7 Sonnet for the most beautiful and well-balanced themes. If you're just starting or want to experiment, use Llama 3.3 70B as it's completely free. GPT-4o is great for complex, detailed theme requirements.

Question 31

Do I need to provide my own AI API keys?

Accepted Answer

Yes, our plugin uses a BYOK (Bring Your Own Key) model. You need to bring your own API keys from one of the supported AI providers (Claude, Gemini, or OpenAI). This ensures you have full control over your API usage and costs, with no additional markup from us. Your LLM API key is stored securely in your local Figma's client storage. It is never transmitted to our servers and is only accessible by you.

Question 32

What is the difference between shadcn/ui MCP Server and Shadcn Studio MCP?

Accepted Answer

Shadcn Studio MCP is more advanced compared to shadcn/ui MCP. It offers three powerful commands: /cui to Create UI, /iui to Inspire UI (Pro user only), and /rui to Refine UI. These commands help create, inspire, and refine UI components based on Shadcn Studio Pro Blocks and your project's context. Additionally, it provides built-in instructions for better understanding of natural language prompts, ensuring improved output.

Question 33

Which IDEs does shadcn/ui MCP support?

Accepted Answer

Shadcn Studio MCP supports seamless integration with the following popular IDEs: VS Code, Cursor, Windsurf, VS Code + Cline.

Question 34

Can I try Shadcn Studio MCP for free before upgrading to Pro?

Accepted Answer

Yes! you can try Shadcn Studio MCP for free to explore its features. However, the free version provides access only to free components and blocks, which may limit creativity and result in average output.

Question 35

How do I upgrade from free to Pro MCP server?

Accepted Answer

To set up the Shadcn Studio Pro MCP server, you don't need to reinstall the server. Simply follow these steps: Locate your IDE's MCP config file. Add your License Key and email address from Polar (received after payment in your email) in the API_KEY field. You can also check the updated config for your IDE in the installation guide on your Shadcn Studio account after logging in.

Question 36

Can I use MCP with my existing shadcn/ui project?

Accepted Answer

Yes, you can effortlessly integrate MCP with your existing shadcn/ui project. Simply set up Shadcn Studio MCP within your project.

Question 37

How does Shadcn Studio MCP handle my codebase?

Accepted Answer

Shadcn Studio MCP only writes or modifies files related to the components it generates. It adheres to your project's code style and structure, ensuring seamless integration with your existing codebase without impacting other parts of your application.

Question 38

Who owns the generated components, blocks and pages?

Accepted Answer

You have full ownership of all components, blocks, and pages generated by Shadcn Studio MCP. There are no licensing restrictions - you're free to use, modify, and incorporate them into any project as you see fit, with complete control over their usage. Please note, you cannot resell the generated components, blocks, and templates created using Shadcn Studio MCP.

Question 39

Can I customize the generated components, blocks and pages?

Accepted Answer

Absolutely! All generated components, blocks, and pages are fully customizable and come with clean, well-structured code. You can easily modify the styling, functionality, and behavior to suit your project's needs, just like any other elements in your codebase.

Question 40

Do you charge based on components generation or token based?

Accepted Answer

No, we do not charge based on component generation or token usage. Shadcn Studio MCP simply acts as a bridge between your editor and Shadcn Studio's PRO components, blocks, and themes, along with their documentation and instructions. It uses the Editor LLM to generate these elements, with no extra charges from us (AI Editor or LLM fees may apply based on your preferences).

Question 41

Which LLM is recommended for optimal results with shadcn/ui MCP?

Accepted Answer

For the best results, we recommend using LLM Cloud Sonnet 4.5 or higher. Using other LLMs may result in suboptimal outcomes or decreased performance.

Question 42

Why are not we providing support of Codex?

Accepted Answer

We are currently unable to provide Codex support for our MCP server due to a technical limitation in Codex. Codex can only parse MCP tool-call responses up to 10 KB, while our instruction payload exceeds this limit. Because of this constraint, integration is not feasible at the moment. For more details, please refer to the following GitHub issues: 1. https://github.com/openai/codex/issues/6426, 2. https://github.com/openai/codex/issues/5913. If OpenAI resolves this limitation in the future, we will release updated guidelines for using our MCP server with Codex.

Question 43

How does Shadcn Studio IDE Extension and Toolbar work?

Accepted Answer

With Shadcn Studio IDE Extension, You can search, preview & integrate Shadcn Studio blocks & themes in your project. With the toolbar, you can edit UI visually, make real-time changes directly in your code using AI-powered prompts.

Question 44

Can I use it with my existing Shadcn project?

Accepted Answer

Yes, Shadcn Studio IDE Extension is fully compatible with all shadcn projects. It works effortlessly with your existing Shadcn based projects, whether you're using React, Next.js, tanstack or other frameworks.

Question 45

Which frameworks/technologies does Shadcn Studio IDE Extension support?

Accepted Answer

Shadcn Studio IDE Extension & Toolbar is fully workable wherever Shadcn is in action, from React to Next.js, tanstack and beyond.

Question 46

Which IDEs does Shadcn Studio IDE Extension support?

Accepted Answer

Shadcn Studio IDE Extension is compatible with major IDEs like VS Code, Cursor, Windsurf, Antigravity and Trae, allowing you to integrate it into your favorite development environment.

Question 47

Which LLM is recommended for best results with Shadcn Studio IDE Extension?

Accepted Answer

For optimal results, we recommend using Claude Sonnet 4+ or other advanced LLMs that support real-time code generation and AI-powered edits. These models enhance the AI-driven capabilities of Shadcn Studio IDE Extension.

Question 48

Who owns the generated components, blocks, and pages?

Accepted Answer

You have full ownership of all components, blocks, and pages generated/modified by Shadcn Studio IDE Extension & Toolbar. There are no licensing restrictions - you're free to use, modify, and incorporate them into any project as you see fit, with complete control over their usage.

Question 49

Do you charge based on components generation or token-based?

Accepted Answer

Shadcn Studio offers both Free and Pro plans. With the Free plan, you can access a set of limited blocks and basic features. The Pro plan unlocks premium blocks and additional functionality. Charges are based on the Pro subscription, not per component or token generation.

Question 50

How soon do new components/blocks get added to Shadcn Studio?

Accepted Answer

Shadcn Studio continuously updates its library. New components and blocks are added regularly, based on community feedback and ongoing development. Pro users get access to new blocks immediately upon release.

Question 51

How can I get help with Shadcn Studio IDE Extension?

Accepted Answer

We provide comprehensive documentation, FAQs, and support channels to assist you. Please join our Discord channel and let one of the project maintainers know that you have purchased Shadcn Studio Pro. You will then have access to a private support channel.

Question 52

How do I upgrade from Free to Pro usage of Shadcn Studio IDE Extension?

Accepted Answer

To set up the Shadcn Studio Pro IDE Extension, you don't need to reinstall the IDE Extension. Simply follow these steps: Add your License Key & email at setting menu in Shadcn Studio IDE Extension and Toolbar. You should have received your license key from Polar after completing the payment in your email OR visible under billing page.

Question 53

How do I access my purchase and what's included?

Accepted Answer

After your purchase, you'll get an email with instructions to create an account. This account provides access to your assets based on your plan from the purchases page.

Question 54

Can I use Shadcn Studio for commercial projects?

Accepted Answer

Yes! Your license lets you build unlimited projects, from simple public sites to SaaS apps that users pay to access. Just don't use Shadcn Studio to create website builders or tools that let others build sites using Shadcn Studio parts. For more information please refer our license.

Question 55

Can I use Shadcn Studio Pro for client projects?

Accepted Answer

Definitely! You can use Shadcn Studio Pro components and templates for custom sites made for a single client. But you can't resell the same site or template to multiple clients. For more information please refer our license.

Question 56

Which license type is suitable for me?

Accepted Answer

Refer to our pricing tables for detailed plan information. If you need further clarification, please contact us, and we'll assist you promptly.

Question 57

What does "Lifetime Access" mean?

Accepted Answer

Pay once and get Shadcn Studio forever - no hidden or recurring fees. You'll get all future updates, components, blocks, and templates without extra costs.

Question 58

What does "Unlimited Projects" mean?

Accepted Answer

You don't need a new license for every project. Use Shadcn Studio Pro on unlimited projects with a single purchase.

Question 59

Can I sell templates/themes/blocks derived from Shadcn Studio Pro?

Accepted Answer

No, Shadcn Studio Pro cannot be used to create derivative products such as components, blocks, themes, UI kits, page builders, or other redistributable items where our components or templates are repackaged for others to use. For more information please refer our license.

Question 60

How does team/enterprise license work?

Accepted Answer

You need a team or enterprise license to invite team members to grant premium access to products. Log in to your account, navigate to the Teams Invitation page from the user dropdown, and manage your team invitations there.

Question 61

Can I upgrade to team/enterprise license later, how?

Accepted Answer

Yes, you can upgrade to a higher license at any time. Just log in to your account, go to the Billing & Upgrade page from the user dropdown menu, and select the plan you want to upgrade to.

Question 62

Is it a one-time payment?

Accepted Answer

Yes, you pay once, use for lifetime! No subscription or any commitments.

Question 63

What are the available payment options?

Accepted Answer

Shadcn Studio uses Polar to process payments, so you can pay with all major cards (Visa, Mastercard, American Express, Discover, Diners Club, JCB, China UnionPay) plus Cash App Pay.

Question 64

Can I generate/modify Invoice?

Accepted Answer

After your purchase, you'll instantly get an email with a download link and invoice. You can also log into your Shadcn Studio Pro account, go to the Billing & Upgrade page, and click the receipt link in your purchase history to view, update, and download your invoice anytime.

FAQs

General Questions

License

Payment

Support

Figma UI Kit Questions

Figma Plugin Questions

Theme Generator Questions

MCP Questions

IDE Extensions Questions

Navigate FAQs

FAQs

General Questions

Do you have a trial / free version?

What do I get with premium version?

Which framework/technologies do you support?

What is Shadcn Studio AI tools and how they can help me?

Do you provide design file (Figma)?

What does free future updates includes?

How do I access my purchase and what's included?

License

Can I use Shadcn Studio for commercial projects?

Can I use Shadcn Studio Pro for client projects?

Which license type is suitable for me?

What does "Lifetime Access" mean?

What does "Unlimited Projects" mean?

Can I sell templates/themes/blocks derived from Shadcn Studio Pro?

How does team/enterprise license work?

Can I upgrade to team/enterprise license later, how?

Payment

Is it a one-time payment?

What are the available payment options?

Can I generate/modify Invoice?

What If I am facing an issue while making the payment?

Do you offer discounts for students or non-profit organizations?

Do you offer refund?

Support

Do you provide support?

How does support work?

How do I get in touch?

How long is support valid for?

Are you available for hire?

Figma UI Kit Questions

What is shadcn/ui for Figma?

What is the difference between Shadcn Studio and other UI kits?

What is Included in Shadcn Studio for Figma?

Can I create multi-brand design systems with this UI kit?

How will Shadcn Studio for Figma save my time?

How does this improve my collaboration with developers?

How do the Figma UI Kit updates work?

What is the Drag & Drop Block feature?

Do I need a Figma Pro plan to use this UI Kit?

Figma Plugin Questions

How this Figma plugin (Shadcn Studio Figma Plugin) save my time?

Can I use this Figma plugin if I'm not a developer?

How does this improve my collaboration with developers?

Do I need to provide my own AI API keys?

Can I try the plugin before purchasing?

Is the quality of the generated code close to the original design in Figma?

Is the plugin compatible with any shadcn/ui kit for Figma?

Theme Generator Questions

What is shadcn/ui Theme Generator?

Can I use Theme Generator for free?

What is the difference between free and pro?

Does Shadcn Studio Theme Generator support Tailwind CSS V4?

Can I use Shadcn Studio theme generator with my existing shadcn/ui project?

How does AI theme generator works?

Which AI model should I choose?

Do I need to provide my own AI API keys?

MCP Questions

What is the difference between shadcn/ui MCP Server and Shadcn Studio MCP?

Which IDEs does shadcn/ui MCP support?

Can I try Shadcn Studio MCP for free before upgrading to Pro?

How do I upgrade from free to Pro MCP server?

Can I use MCP with my existing shadcn/ui project?

How does Shadcn Studio MCP handle my codebase?

Who owns the generated components, blocks and pages?

Can I customize the generated components, blocks and pages?

Do you charge based on components generation or token based?

Which LLM is recommended for optimal results with shadcn/ui MCP?

Why are not we providing support of Codex?

IDE Extensions Questions

How does Shadcn Studio IDE Extension and Toolbar work?

Can I use it with my existing Shadcn project?

Which frameworks/technologies does Shadcn Studio IDE Extension support?

Which IDEs does Shadcn Studio IDE Extension support?

Which LLM is recommended for best results with Shadcn Studio IDE Extension?

Who owns the generated components, blocks, and pages?

Can I customize the generated components, blocks, and pages?

Do you charge based on components generation or token-based?

How soon do new components/blocks get added to Shadcn Studio?