Create UI™ | Design System & Code Library

Get the complete Create UI ecosystem, the Figma design system and the React code library together. Design in Figma, ship in React, with every component, token, and interaction matched between the two. Documentation | Help | Feedback | Figma Preview

Create UI — Figma Design System Create UI is a production-ready Figma design system with 40+ components, 12,000+ variant combinations, 700+ design tokens, and full Dark Mode, responsive tokens support. Every component is documented with a guide, example, and prototype. Variables, responsive tokens, and an appearance system are all included out of the box. What's included: Full Figma file (standalone, no external dependencies)Design(.md) support40+ components with complete variant coverage700+ variables across 8 collectionsLight and Dark modeResponsive spacing, radius, font family, breakpoint tokens for Desktop, Tablet, and MobileAppearance systemMulti-font system with 5 font familiesTypography system with 77 text stylesComponent guides, examples, and prototypesLifetime updates included Figma Preview | Help | Feedback

The Create UI React Code Library Brings every Figma component into production-ready code. Built with React and Tailwind CSS, installable via CLI, and mapped to the design system via Code Connect. What's included: Local installable component library via CLIEvery free component from the Figma systemFull token and theme system as CSS variablesDark mode, responsive tokens, appearance systemTypeScript support with full prop typesCursor and VS Code integration readyDocumentation site accessLifetime updates included Documentation | Help | Feedback