Blog & Updates
Blog, news and updates
Read about the newest products, features and enhancements we've introduced.
article·December 5, 2025
Why Your Team Needs a Shared Figma and React Library
Learn why shared Figma and React libraries prevent design-code drift, improve consistency, and accelerate development. A practical guide to building and maintaining a shared component system.
update·November 29, 2025
New AI models available in Figma to shadcn/ui plugin
We've added three powerful new AI models to our Figma to shadcn/ui plugin: Claude 4.5 Sonnet, Claude Opus 4.5, and Gemini 3.0 Pro Preview. Experience more precise component generation and better code quality.
article·November 21, 2025
Use shadcn/ui kit for Figma with Figma Code Connect
Learn how to use Figma Code Connect with the shadcn/ui Figma kit. Connect your 2000+ components to your codebase for seamless AI-assisted code generation with a step-by-step Code Connect UI setup.
article·November 18, 2025
Comparing icon libraries for shadcn/ui
A comprehensive comparison of icon libraries for shadcn/ui projects. Compare Lucide, HeroIcons, Material Symbols, and Radix Icons with practical integration workflows and recommendations.
article·November 13, 2025
How to use and customize icons in shadcn/ui
A practical guide to using icons in shadcn/ui projects. Learn about Lucide icons, alternative icon libraries, customization options, and how to keep Figma and code in sync.
update·November 3, 2025
Figma to shadcn/ui Plugin Update: November 2025
A deeper, cleaner generation flow with a new Build tab, an Optional instructions field for precise guidance, unstyled shadcn/ui outputs, support for new components, and flexible variable export modes.
article·October 27, 2025
6 Best Figma Kits for Tailwind CSS (2025)
A practical guide to six Figma kits built for Tailwind workflows. Compare ownership vs dependency models, design-to-code fidelity, and real-world costs to choose the right system for your team.
update·October 20, 2025
New Pro Blocks update: October 2025
We’ve introduced 11 new Pro Blocks, refreshed several existing blocks, and added a collection of free blocks. The Figma kit has also been updated to include all the new components.
article·October 19, 2025
Best UI Kits in 2025: Top 10 Options for Figma and React Design Systems
A practical guide comparing 10 popular UI kits across ownership, Figma integration, component depth, and day‑to‑day costs to help you choose the right system.
news·October 11, 2025
New website design, themes and free academy!
Announcing our new website built with Next.js and shadcn/ui, plus brand-new Themes and a free, no-login Academy for everyone.
update·October 3, 2025
Update October 2025
We’ve updated our Figma UI kit to align with the latest shadcn/ui release and refined existing components for a better user experience.
article·September 21, 2025
How Much Salary Does a UX Designer Make in 2025?
UX salaries in 2025: Learn what drives the numbers and how to boost your total compensation.
article·September 19, 2025
How Much Salary Does a Product Designer Make in 2025?
Discover the 2025 salary trends for product designers: average pay, key factors influencing earnings, and what skills can boost your value on the market.
article·September 17, 2025
What is a Design System? A 2025 Guide.
Learn what is a design system and why it matters in 2025.
update·September 15, 2025
Free SaaS Template is now available
We're excited to share a new starter template we’ve been building: a polished, conversion‑focused SaaS landing page powered by shadcn/ui. It’s free, responsive, and ready to customize in v0 so you can ship today.
article·September 12, 2025
What is a UI Kit and why you should use one
Explore UI kits: your shortcut to consistent, user-friendly interfaces. This guide covers what they are, why you need one, and how to choose the best fit for your projects.
article·August 30, 2025
From Figma to code: Shipping faster with shadcn MCP, Figma MCP and Pro Blocks
Learn how to turn Figma designs into production‑ready code using Pro Blocks, shadcn MCP and Figma MCP.
news·August 30, 2025
Registry update
We updated our registry to use shadcn CLI 3.0. You can now install our Pro Blocks and Templates in a more convenient way.
update·August 25, 2025
Update August 2025
Our Figma kit has been updated to include new components. Additionally, we've introduced a new Import feature and incorporated new AI models into our Figma plugin.
update·July 15, 2025
Developer Portfolio template is now available!
We are thrilled to announce the launch of our new developer portfolio template, designed specifically for the shadcn/ui library
news·June 18, 2025
The ShadcnDesign Academy is now available!
We are excited to announce that we just released our Academy packed with short, on-point videos on how to utilize our products to deliver outstanding shadcn/ui projects faster.
update·June 18, 2025
The shadcn/ui kit for Figma: Update June 2025
We updated our Figma kit to support the new Calendar Blocks and added new component states.
update·May 27, 2025
New Inspiro Template, Plugin update and Pro Blocks CLI
Meet Inspiro, our new shadcn/ui & Figma template, faster Pro Blocks installation with CLI and our updated Figma plugin.
update·May 13, 2025
The shadcn/ui kit for Figma: Update May 2025
Our shadcn/ui Figma kit receives a major update with Tailwind v4 compatibility, featuring a revamped variable system, expanded components, 28 new Pro Landing Page blocks, and enhanced plugin capabilities for streamlined design-to-development workflow.
article·February 10, 2025
How I use v0 to transform Figma designs into a shadcn/ui Production-Ready Website
Transform your Figma design into shadcn/ui code using v0: A complete implementation guide.
update·February 2, 2025
Figma to shadcn/ui plugin - new features now available!
We've just added new features to Figma to shadcn/ui plugin, including: Open in v0, Copy CLI command, Generate CSS and Import variables.
update·January 23, 2025
The shadcn/ui kit for Figma: Update January 2025
We're excited to announce 39 new Pro Blocks, 2 Example pages, and 30 Patterns, including both design components and coded versions.
news·January 2, 2025
Convert Figma designs into production-ready shadcn/ui code
You asked, we listened! We released a new plugin to help you convert your Figma designs into shadcn/ui code.
update·December 11, 2024
The shadcn/ui kit for Figma: Update December 2024
We're excited to announce 82 new Pro Blocks for our shadcn/ui Figma kit, including both design components and coded versions to help you build beautiful landing pages faster than ever.
update·November 6, 2024
The shadcn/ui kit for Figma: Update November 2024
A major update introducing 67 new Pro Blocks in multiple styles, along with coded versions available in a new Premium Package.
update·October 22, 2024
The shadcn/ui kit for Figma: Update October 2024
Explore the latest shadcn/ui kit for Figma, featuring the new Sidebar component, New York style, enhanced states, and improved functionality across multiple components.
article·October 16, 2024
What is the difference between Default and New York style in shadcn/ui?
Discover the key differences between shadcn/ui's Default and New York styles in this comprehensive comparison. From component heights to shadow applications and border radii, this article uncovers the nuances that will help you choose the perfect style for your next project.
news·September 12, 2024
Shadcn/ui Theme Pal - beta available!
Export shadcn/ui themes from Figma to code! The beta version of our dedicated plugin is now available.
update·September 5, 2024
Hello World! Shadcn/ui kit for Figma is now available!
We are finally ready to share what we've been working on for the past few months! Shadcn/ui kit for Figma is now available!
Who is it for?
Join 6K+ pros who design & ship faster
Our ecosystem eliminates the friction between design and development. Every role gets exactly what they need to work and collaborate faster.
Designers
Ship pixel-perfect designs that developers can actually build
Design 10x faster with pre-built components and blocks
Stay current with AI tools that already understand your components
Focus on UX and conversion, not component building from scratch
Level up your skills with shadcn/ui best practices built-in
"Our company selected shadcn as our primary design library, and its been a fantastic choice. The design kit is sleek, modern, and offers excellent UX right out of the box. Its comprehensive variable system has significantly improved our efforts around branding and accessibility."
Ryan Almoneda
UX Designer @ BlackDuck