Blog
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.
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:
- Default style
- 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