Blog
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.

Matt Wierzbicki
Matt Wierzbicki
Update October 2025

We're excited to announce that we updated our Figma kit to match the newest shadcn/ui release. This update introduces new components like Button Group, Field, Input Group, Item, Kbd, and Spinner—plus fresh Sign up and OTP blocks. We’ve also polished existing components, added new Button icon sizes (icon-sm, icon-lg), swapped loading states to Spinner, and unified forms with the new Field component.

Figma

New components

Be sure to visit the component pages Playground in our Figma kit for new examples that show how to build different variants.

  • Added Button Group
  • Added Empty
  • Added Field
  • Added Input Group
  • Added Item
  • Added Kbd
  • Added Spinner
  • Added “Sign up” and “OTP” blocks to the Blocks (Official) page
  • Added Checkbox Group
  • Added Switch Group
New shadcn/ui components

Component updates

  • Button: added new icon size variants — icon-sm and icon-lg
  • Button: replaced Loading icon with the Spinner component for loading state
  • Input, Checkbox, Radio Group, Date Picker, Switch, Slider, and Time Picker: updated for compatibility with the new Field component
  • Tooltip: added a Kbd instance
  • Blocks (Official) forms: migrated to the new Field component
  • ToggleGroup: general improvements
  • Table: general improvements
  • Data Table: general improvements
  • Avatar: Added Avatar / Form Field component

Variables updates

  • Added a new stroke-width variables group to the “1. Tailwind CSS” collection (prevents Figma from altering icon stroke width when swapping icon instances)
  • Added a new “bg-primary\5 dark:bg-primary\10” variable to the Custom group in the “3. Mode” collection (used by Kbd component, Background=Primary variant)

Questions and answers

Can I update my existing UI kit to include the new components and changes?

Please see our guide in the documentation.

Why the Form component is still in Figma but it's no longer available in shadcn/ui?

We'll be deleting Form page in the next Figma kit update (Form is replaced by the Field component).

Are the Pro Blocks (React) updated to support the new components?

Not yet. We plan to update Pro Blocks code in an upcoming update.

Improve your workflow today

Forget about designing and coding from scratch. Save time today and access a huge collection of components, blocks and assets built with shadcn/ui.
Get access