D2C.png

背景说明

CY21 我们提出了「C2D2C」年度规划,致力打通设计工程化链路,提升设计研发确定性。
image.png

其中 D2C 部分,通俗来说就是「设计稿一键转代码」。

功能介绍

D2C工具的最终目标是:从设计师的设计稿中完美还原出获取可维护、可迭代的前端代码。目前阶段我们已实现设计系统图标和 C2D 组件的 D2C能力,未来将逐步支持布局等更多设计场景。
Kitchen D2C面板.png
只要满足以下条件的图标,将可以在交付工具中看到组件前端代码:

  • 使用 Kitchen 3.6.0 及以后版本生成的图标(暂不支持 Iconfont 的图标);
  • 图标所属的设计系统绑定有前端组件库;

功能演示

创建 icon 并复制代码

code.gif

预览C2D组件代码

d2c.gif