# Figma kit update, new Academy, and component refinements

> The Nova style Figma kit has been updated with new Academy lessons, new Figma lesson categories, and many component refinements.

Published: 2026-05-14 · Updated: 2026-07-13 · Author: Matt Wierzbicki · Canonical: https://www.shadcndesign.com/blog/figma-kit-update-may-2026

<Callout type="info">
**Update:** as of the July 2026 release, all 8 styles ship in a single kit file — <Link href="/blog/shadcn-ui-kit-for-figma-all-8-styles-one-file">read the announcement</Link>.
</Callout>

We have updated the Nova style Figma kit with new Academy content, new Figma lesson categories, and a long list of component refinements across the design system.

This update focuses on making the Nova kit easier to learn, easier to adapt for real product systems, and closer to the latest shadcn/ui component patterns.

## Academy updates

We added new lessons across theming, components, and the Figma plugin:

- Alpha variables (Theming)
- Inverted menu color (Theming)
- Multi-brand design systems (Theming)
- Pricing card component (Components)
- Importing variables (Plugin)
- Create (Plugin)

We also updated existing lessons:

- Edit card component with slots (Components)
- Pricing section block (Pro Blocks)

The Academy now includes a new component variants lesson: Implementing changes.

We also added a whole new Icons category and added a Pro Blocks category to the Figma lessons.

## Component updates

This release includes many small component improvements to spacing, sizing, borders, radius values, and variants.

### Added

- Added `w-64` to Hover Card
- Added Dropdown Menu `min-w-32`
- Added Dropdown Menu `min-w-36`
- Added Menubar / Item / Label
- Added `max-w-sm` to Dialog component
- Added Invalid (Field) to the Input component
- Added size variant to Select Menu Item

### Removed

- Deleted Badge verified button

### Updated

- Updated Accordion padding from `py-3` and `py-4` to `py-2.5`
- Updated Badge radius from `rounded-full` to `rounded-4xl`
- Updated Button radius in default and large variants from `rounded-md` to `rounded-lg`
- Updated Card border from `border` to `foreground/10`
- Updated Charts / Tooltip component shadow, border radius, background, and text color
- Updated Combobox border from `border` to `foreground/10` and added `min-w-36`
- Updated Hover Card border from `border` to `foreground/10`
- Updated Command component radius from `rounded-lg` to `rounded-xl`
- Updated Context Menu border from `border` to `foreground/10` and added min width
- Updated Empty component radius from `rounded-lg` to `rounded-xl`
- Updated Input and InputGroup background from `background` to `transparent`
- Updated Input OTP component radius from `rounded-md` to `rounded-lg`
- Updated InputOTP / Slot background color from `custom/background dark:input\30` to `custom/transparent dark:input\30`
- Updated Item component gap from `gap-2` to `gap-2.5`
- Updated Breadcrumb Ellipsis size from `h-4` to `h-5`
- Updated Overlay Sheet background from `black/80` to `black/10`
- Updated Toggle padding from `px-2` to `px-2.5` and added min width
- Updated Sidebar / AccountDropdown and Sidebar / PopoverMenu border from `border` to `foreground/10`
- Updated Alert Dialog border from `border` to `foreground/10`
- Updated Popover border from `border` to `foreground/10`
- Updated Checkbox Item
- Updated border color in InputGroup inside Command component
- Updated height in Context Menu items to `h-7`
- Updated height in Dropdown Menu items to `h-7`
- Updated Dialog background color to popover color and updated Dialog border from `border` to `foreground/10`
- Updated Drawer handle height to `h-1`
- Updated Slider track to `h-1`
- Updated Toggle border radius from `rounded-md` to `rounded-lg`

### Menubar

- Updated border from `border` to `foreground/10`
- Updated radius from `rounded-md` to `rounded-lg`
- Added `h-8`
- Updated gap to `0.5`

### Navigation Menu

- Updated padding from `py-2` to `py-1.5`
- Updated active variant background from `accent` to `muted`
- Updated gap to `0`
- Updated border to `foreground/10`
- Updated radius to `rounded-lg`

### Pagination

- Updated gap from `spacing-1` to `spacing-0.5`
- Updated item radius from `rounded-md` to `rounded-lg`
- Updated padding from `px-4` to `px-2.5` and from `px-2.5` to `px-1.5`

### Radio Group

- Updated gap from `spacing-3` to `spacing-2`
- Updated gap from `spacing-1.5` to `spacing-0.5`

### Select

- Updated paddings
- Updated background to `transparent`

### Select Menu Item

- Updated padding from `px-1.5` and `py-1` to `px-2.5`
- Updated hover variant to accent foreground
- Added `min-w-36`

### Tabs

- Updated padding from `py-1.5` and `py-1` to `px-0.5`
- Moved Line variant outside the component

### Textarea

- Updated background from `background` to `transparent`
- Renamed error variant to Invalid

### Calendar

- Updated border from `border` to `foreground/10`
- Added height settings to With Month and Year Dropdown / Item and border

## What this means

If you are using the Nova style Figma kit, you can now rely on more complete Academy guidance, new Figma lesson categories, and component updates that better match the latest direction of shadcn/ui.

You can access the updated file through the [Customer Portal](https://polar.sh/shadcndesign/portal).
