The shadcn/ui kit for Figma: Update May 2025

Video Overview

Figma

• Updated Figma components to align with the latest version of shadcn/ui and Tailwind v4
• Updated the variables collections to support the latest version of shadcn/ui and Tailwind v4
• Added new “4. Custom” variable collection with new variables dedicated to Landing Page Pro Blocks
• Added the new variables from “4. Custom” collection to Landing Page Pro Blocks
• Reorganized Typography styles, expanding from text-xs to text-9xl
• Added new Typography styles dedicated to Landing Page blocks
• Added new effect styles: inset-shadow, drop-shadow, and focus
• Refactored existing Effect styles such as shadow, blur, and backdrop-blur to match Tailwind v4
• Changed border radius in components according to new version of shadcn/ui
• Updated the AspectRatio component to support Figma native aspect ratio
• The sans font family is now using Geist
• The mono font family is now using Geist Mono
• Removed the Default style - just like official shadcn/ui we will now support only New York style
• Added new 28 Landing Page Pro Blocks to the Pro version of the UI kit:
  • Feature Section / 15 to 19
  • Empty LP Section / 1 to 3
  • Testimonials Section / 6
  • Testimonials Section / 7
  • LP Navbar / 5
  • LP Navbar / 6
  • Footer / 5
  • Footer / 6
  • Footer / 7
  • Hero Section / 10
  • Gallery Section / 1 to 11
  • Logo Section / 7
• Pro Blocks are now also supported in Figma Sites
• Pro Blocks now support new Figma Auto Layout Grid
• Updated the documentation to support the new version

Pro Blocks (Code)

• Refactored all Pro Blocks to support Tailwind v4
• Added new 28 Landing Page blocks:
  • Feature Section / 15 to 19
  • Empty LP Section / 1 to 3
  • Testimonials Section / 6
  • Testimonials Section / 7
  • LP Navbar / 5
  • LP Navbar / 6
  • Footer / 5
  • Footer / 6
  • Footer / 7
  • Hero Section / 10
  • Gallery Section / 1 to 11
  • Logo Section / 7

Figma to shadcn/ui plugin

• Added the new Export (v4) Tab to Manage Variables
• Added Google’s Gemini 2.5 Pro Preview model for component generation
• Added Google’s Gemini 2.5 Pro Experimental model for component generation
• Added Anthropic's Sonnet 3.7 model for component generation

‍

Please note: This is a major update of the shadcn/ui kit for Figma, featuring a restructured variable system aligned with Tailwind v4 specifications. Due to these fundamental changes, backward compatibility with earlier versions of the Figma kit is not supported. We recommend using the new update exclusively in new projects rather than existing ones.