Where Design & Dev Work Together
Maintained by the Douyin front-end and UED teams, an easy-to-customize modern design system that helps designers and developers create high-quality products.
Trusted by 100,000 + users
Smooth Dev Experience
Focus on the essentials and we’ll take care of the rest
Design to code
Offical provides powerful design to code capabilities, 3-5s, one-click, generate real code from Figma design draft
Complete accessibility support
Semi follows W3C standards to provide keyboard interaction, focus management and semantics for all components
Internationalization and Multilingualism
Semi provides complete multi-language, multi-time zone, RTL support to easily create global applications
Live Code component
LiveCode allows you to instantly demonstrate your UI components using an online code editor
Stable quality assurance
Semi uses a variety of methods such as unit testing to ensure the stability and quality of components, and the code coverage rate reaches 90%
Semi component library supports SSR scenarios and can be used in frameworks like Next.js、Gatsby、Remix
Easy-to-contribute FA architecture
Semi is designed based on FA architecture, and the main logic is extracted as Foundation package, which is easy to migrate to other frameworks
Create variations of UI Styles that suit your brand with full flexibility
Semi Design Default
Feishu Universe Design Theme
Douyin Creator Theme
Volce Engine Theme
Video compression algorithmChief foodie, good at algorithms, especially
Private Message Management
|Private message content
|Time of dispatch
|#Semi Design2Code# Topic Activity is now open!
|Semi Design Share Presentation
Make design and code homologous
Use real components to draw design drafts and transfer front-end code with one click
Document Chinese name
Document English name
Build State of the Art Apps
Modern design vibes compile with next-gen OS and browsers
Feishu project is a single product released by Feishu in the spring of 2022. It supports large teams to disassemble and visualize complex project processes, visually present collaboration standards, and allow members to clarify their responsibilities and easily grasp upstream and downstream information.
Douyin Creation Service Platform is an exclusive service platform for Douyin creators. It supports two login methods for users as creators and management agencies, and provides a variety of functions to help users operate efficiently.
Anyweb is a free website builder that makes it easy to create professional websites. With no programming skills required, you can set up custom websites quickly and easily with the Anyweb drag-and-drop editor.
Douyin Music is a one-stop musician service platform under Douyin. In the vast galaxy of music, warm music creators are allowed to settle in and create value for excellent music works.
Capcut connects all participants in the video creation industry chain, builds a material library (templates, props, sound effects, flower characters, special effects, etc.), and provides services such as material sharing, cooperation and exchange, and commercial realization.
In-depth interpretation of content
Learn about our thinking behind accessibility, theme customization, automation solutions
Accessible Design in Semi Design
"A front-end open source UI component library that does not support Accessibility is a disaster"
In-depth explanation of Semi theming scheme
Compatible with diverse brand languages and product forms to avoid meaningless re-creation
How We Test Semi Design Component
Comprehensively use UnitTest, E2E Test, and Visual Test to ensure the stability of the component library
The evolution of Semi D2C design to code
Connect designers and developers with advanced tools
ByteDance OpenDay Tech Talk
A Deep Dive into Design to Code
Stride along with Users
Semi Design value our users, any kind of contribution is welcome