Blog

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.

The shadcn/ui kit for Figma: Update October 2024

New Features

  • Sidebar Component: Introduced the Sidebar component
  • Added Sidebar related variables to the variables panel
  • New York Style: Added a separate Figma file for the shadcn/ui New York style. Users now receive two Figma files:
    1. Default style
    2. New York style

Component Updates

Enhanced States and Options

  • Button, Accordion, Breadcrumbs, Input, Select, and Textarea: Added more component states.
  • Tabs: Expanded with 4 additional Tabs Triggers.
  • Toggle Group: Included 3 more Button options.

Improved Functionality

  • Icons: Updated icon instances across components for better discoverability.
  • Badge: Refined the Focus state.
  • Select: Updated Placeholder color to use the foreground variable.
  • Breadcrumb: Added size property to the Ellipsis.
  • Date Picker: Enhanced the Arrow Button.
  • NavigationMenu: Introduced size property for NavigationMenu and Item.
  • Textarea: Established a minimum height.
  • Sheet and Dialog: Added states to the close button.
  • Select: Implemented a scrollable feature at the top of the Menu.
  • Hover Card: Added size property to Content Example.
  • Checkbox and Radio: Introduced boolean property for Icons in DropdownMenu Item variants.

Bug Fixes and Refinements

  • Component Naming: Removed underscores from component names for consistency.
  • Input OTP: Corrected the Focus state.
  • ContextMenu and Menubar: Fixed size property of Circle in items.
  • PaginationItem: Adjusted padding in the Next variant.
  • Drawer: Removed padding from Example Content.
  • Dialog: Added border to enhance visibility.
  • Various minor enhancements and bug fixes throughout the kit.

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