Semi Design
A modern design system by Douyin FE & UED, connecting designers and developers with customizable React UI components and Figma resources.
Score
90
User Rating
5.0
Free/Trial Support
Supported
Starting Price
--
Last Updated
Apr 23, 2026
Overview
What is Semi Design?
Semi Design is an open-source design system maintained by Douyin's frontend and UED teams, offering React UI components, Figma design resources, and tools like design-to-code conversion to build high-quality web applications.
What is Semi Design used for?
Tags
User Groups
Top Features
- Design-to-code conversion in 3-5 seconds
- A11y-friendly components following W3C standards
- Internationalization with multi-language and RTL support
- SSR compatibility with frameworks like Next.js
- High customizability with 3000+ design tokens
- Live code components for instant UI demos
How to use Semi Design?
Start by exploring the component documentation for developers or Figma UIKit for designers; use Semi's tools like D2C for converting designs to code and theme editor for customization.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Easy to use with comprehensive documentation
- High-quality and stable components with 90% test coverage
- Strong community and support from Douyin
- Saves time with out-of-the-box features
Cons
- Primarily focused on web platforms
- May have a learning curve for advanced customization
Use Cases
- Building modern web applications
- Creating design systems for enterprises
- Developing accessible and internationalized UIs
Semi Design Pricing
Free Plan
No detailed pricing information available
User Reviews
5.0
out of 5
5.0
No reviews yet
Be the first to review this tool!