1. Documentation
  2. Theming

Menu

HomePreviewPricing

Products

Figma KitPro BlocksFigma PluginTemplatesThemes

Resources

DocsAcademyBlogRoadmapHelp & Contact

Legal

Licensing AgreementTerms & ConditionsPrivacy PolicyCookies

Components

AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDrawerDropdown MenuEmptyFieldFormHover CardInputInput GroupInput OTPItemKbdLabelMenubarNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll-areaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToggleToggle GroupTooltipTypography

Landing Page Blocks

404 SectionsBannersBento GridsBlog SectionsCTA SectionsContact SectionsEmpty LP SectionsFAQ SectionsFeature SectionsFootersGallery SectionsHeader SectionsHero SectionsLP NavbarsLanding Page ExamplesLogo SectionsPatternsPricing SectionsRich Text SectionsStats SectionsTeam SectionsTestimonials Sections

Application Blocks

App ShellsApplication ExamplesButtonsCardsDescription ListsEmpty SectionsNavbarsPage HeadersSection FootersSection HeadersSectionsSettingsSign inSign upTable Headers

This project is independent and not affiliated with Figma or shadcn/ui.
Copyright © 2025 Matt Wierzbicki

Command Palette

Search for a command to run...

Figma Kit
  • Getting started
  • Variables
  • Theming
  • Components
  • Icons
  • Development
  • Updates
Registry
  • Pro Blocks
  • Templates
  • Themes
Plugin
  • Figma to shadcn/ui plugin

Theming

The shadcn/ui kit for Figma is designed to allow designers to easily incorporate the project's brand styling in minutes. Additionally, it provides developers with straightforward access to project styling information for seamless application to shadcn/ui code.