Product
The lifecycle is the product
Why one design system running through Compose, Ship, and Optimize beats stitching separate tools together.
Hilal Tasdan
20,000+ users
on the Figma
One design system, all the way down.
Built on the tools you already use
- Tailwind CSS
- shadcn/ui
- Figma
- React
- Next.js
- Radix
- Vite
Design system
From token to component, one system.
Make it yours
Collect what you need, theme it to your brand.
Production-ready
Accessible, fast, and AI-ready by default.
AccessibilityWCAG AA
Aa ContrastAA · 8.1:1
FocusedVisible focus ring
- Colour contrast
- Focus states
- Semantics & ARIA
- Keyboard nav
Discover
Themes, blocks, and patterns.
Dozens of themes and 700+ blocks live in Discover — preview, like, and collect them into your own kit.
BlockHeroViewBlockPricingViewBlockAuthenticationViewBlockDashboardViewBlockTestimonialViewBlockCheckoutViewBlockTeamViewBlockStatsViewBlockSidebarViewBlockFAQViewBlockNavbarViewBlockFooterViewBlockHeroViewBlockPricingViewBlockAuthenticationViewBlockDashboardViewBlockTestimonialViewBlockCheckoutViewBlockTeamViewBlockStatsViewBlockSidebarViewBlockFAQViewBlockNavbarViewBlockFooterView
ComponentButtonViewComponentInputViewComponentCardViewComponentBadgeViewComponentDropdownViewComponentModalViewComponentTabsViewComponentAvatarViewComponentSwitchViewComponentTooltipViewComponentSliderViewComponentAccordionViewComponentButtonViewComponentInputViewComponentCardViewComponentBadgeViewComponentDropdownViewComponentModalViewComponentTabsViewComponentAvatarViewComponentSwitchViewComponentTooltipViewComponentSliderViewComponentAccordionView
The Foundation
Questions about the Foundation.
Tokens, themes, components — what's free, what's compatible, and how to take it. Still have a question? Talk to the team.
Yes. The design system — tokens, components, and themes — is open and free through the Figma community file and Discover.
From the blog
Read up before you build.
Guides and notes on tokens, components, and shipping with the Foundation.
Design systems
Theme rotation as composition
Light and dark aren't a toggle. Used per section, the tonal shift carries an argument the layout alone can't make.
The Plus UI Team
Product
Ship a marketing site in an afternoon
Compose the pages from components you already trust, connect the stack, publish. The slow parts were never the design.
Hilal Tasdan
Start from the Foundation.
Open the Figma file, browse the components, and theme the system to your brand — free.