TL;DR

• Semi Design 是抖音前端团队开发的设计系统，包括 Semi UI 组件库，DSM 设计系统定制，D2C 设计稿转代码等方向。
• 本文主要介绍 Semi D2C的能力边界，与其他方案的差异，探索历程，底层实现原理 / 难点。阅读时间 30-45min。

---

可以做什么，不可以做什么？

D2C 为 Design to Code 的缩写，意即设计稿转代码。

设计稿转代码是一个非常宽泛的描述，本文指的设计稿转代码，同时也是 Semi Design D2C 所提供的能力范围，主要集中在以下场景：

目标、定位是什么？

定位：前端工程师的辅助工具。

目标：加快前端工程师对照设计稿还原 UI 工作，降低人工写 Template Render 的成本。

使用 Semi D2Cÿ