Deco

Deco 是京东推出的设计稿转代码工具，名字把 Design 和 Code 拼在一起，直译就是「从设计稿到代码」。前端工程师大概都体会过对着一页 Sketch、PS 稿手工堆 div 的枯燥，Deco 要解决的正是这一段：把 Sketch、PS 和图片类设计稿转成还原度高、可维护的代码，支持输出 Taro、React、Vue、HTML 等多种 DSL，方便对接不同业务的技术栈（小程序、H5 都能对上）。

• 转换过程里有几处值得留意：组件识别靠 AI 对设计稿做分析，定位组件位置、判断类型后自动替换，产出组件化的代码；智能语义会划分设计稿区块、标记循环列表，生成语义化的 className，而不是一堆 layer1、layer2；工程化处理则负责构建合理的 DOM 嵌套和弹性布局，让生成的页面能自适应不同屏幕，官网把这概括为「精准还原、所见即所得」。

对小程序、H5、桌面端都要做的多端团队来说，这类工具省下的主要是重复还原的时间。Deco 的入口在 ling-deco.jd.com，转换质量和设计稿本身的规范程度关系不小；值不值得纳入流程？拿自家稿件先试一版再说。