|
|
@@ -1,25 +1,23 @@
|
|
|
---
|
|
|
category: Getting Started
|
|
|
-title: Design Resources & Tools
|
|
|
-icon: doc-theme
|
|
|
+title: Design Resources
|
|
|
+icon: doc-designresource
|
|
|
localeCode: en-US
|
|
|
order: 8
|
|
|
---
|
|
|
|
|
|
-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.
|
|
|
+Semi Design provides a wealth of design resources to help designers and developers collaborate efficiently. Whether you are a community user or a ByteDance internal designer, you can find UI Kit resource and Figma plug-ins that suit you here.
|
|
|
|
|
|
## 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.
|
|
|
+Semi Design UI Kit provides a complete component library and design specifications, covering mainstream design scenarios, helping designers quickly build high-quality interfaces, facilitating team collaboration and asset reuse.
|
|
|
- Community users: [Semi Design library](https://www.figma.com/community/file/1509783980598707066/semi-design-library)
|
|
|
- ByteDance Design users: [Semi Design library - ByteDance](https://www.figma.com/design/81rCf36kFTcxedsGgAibzd/Semi-Design--Base-?t=uy6hMwE8gwGgijZF-0)
|
|
|
|
|
|
## Figma plugin
|
|
|
-Semi Toolbox is a functional plug-in built by the Semi team to improve efficiency for designers.
|
|
|
+Semi Toolbox supports content filling, table generation, data visualization chart generation, and theme synchronization. Semi Toolbox is a functional plug-in built by the Semi team to improve efficiency for designers.
|
|
|
- Community users: [Semi Toolbox](https://www.figma.com/community/plugin/1450409416307888169/semi-toolbox)
|
|
|
- ByteDance Design users: [Semi Toolbox](https://www.figma.com/community/plugin/1435200322193309779)
|
|
|
-- Design users outside CN area: [Semi Toolbox](https://www.figma.com/community/plugin/1435204511882469475)
|
|
|
-
|
|
|
-Semi Toolbox supports content filling, table generation, data visualization chart generation, and theme synchronization.
|
|
|
+- International users: [Semi Toolbox](https://www.figma.com/community/plugin/1435204511882469475)
|
|
|
|
|
|
|
|
|
### 📝 Content filling
|
|
|
@@ -30,13 +28,13 @@ Semi Toolbox supports content filling, table generation, data visualization char
|
|
|
|
|
|
### 📊 Table Generation
|
|
|
|
|
|
-Leverage the Semi Table component to quickly build professional tables, easily meeting the needs of data presentation.<br />
|
|
|
+Leverage the Semi Table component to quickly build professional tables, easily meeting the needs of data presentation.<br /> ⚠️ Currently only supported in ByteDance Design and internationalization plugins.
|
|
|
<MyImage src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/figma-toolbox/docs/table-generate-en.gif" width="885" />
|
|
|
|
|
|
|
|
|
### 📈 Data Visualization Generation
|
|
|
|
|
|
-Connect to the Semi DV style library and output code simultaneously, enabling seamless integration between design and development.<br />
|
|
|
+Connect to the Semi DV style library and output code simultaneously, enabling seamless integration between design and development.<br />
|
|
|
<MyImage src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/figma-toolbox/docs/dv-en.gif" width="885" />
|
|
|
|
|
|
|
zhangyumei.0319
