Start · Design Resources & Tools
Design Resources & Tools
Semi Design provides a wealth of design resources to support designers and developers to collaborate efficiently. Whether you are a community user or an internal ByteDance designer, you can find design tools that suit you here, including UI Kit resource packs and efficient Figma plug-ins.
UI Kit
Semi Design UI Kit provides a complete component library and design specifications, covering mainstream design scenarios, helping designers quickly build high-quality interfaces. Supports multi-platform use, facilitating team collaboration and asset reuse.
- Community users: Semi Design library
- ByteDance Design users: Semi Design library - ByteDance
Figma plugin
Semi Toolbox is a functional plug-in built by the Semi team to improve efficiency for designers.
- Community users: Semi Toolbox
- ByteDance Design users: Semi Toolbox
- TikTok Design user: Semi Toolbox
Semi Toolbox supports content filling, table generation, data visualization chart generation, and theme synchronization.
📝 Content filling
With one click, batch fill formatted text and images. It is deeply adapted to Semi components, and the filling process is as smooth as flowing water, instantly enriching your design draft.

📊 Table Generation
Leverage the Semi Table component to quickly build professional tables, easily meeting the needs of data presentation.

📈 Data Visualization Generation
Connect to the Semi DV style library and output code simultaneously, enabling seamless integration between design and development.

Semi Theme Synchronization
Rapidly synchronizes the DSM theme, making it extremely convenient to unify the design style.
