Deco

Deco 是京东做的设计研发工具，名字取自 Design 和 Code，做的是把设计稿直接转成可用的前端代码。设计师在 Figma 之类的工具里画完页面，交给它处理，就能拿到一份带布局和样式的代码，省掉照着稿子一行行还原的环节。

主要功能

它强调「所见即所得」，生成结果尽量贴近设计稿的视觉。布局上会做工程化处理，构建合理的 DOM 嵌套和弹性布局结构，让页面能自适应不同宽度。

组件识别靠人工智能完成：分析设计稿后定位组件位置、判断组件类型，再自动替换成组件化代码。它还会分析稿子的语义，划分区块楼层，把循环列表标记出来，生成的 className 也带语义，不是一串随机字符。

输出格式支持 Taro、React、Vue 等框架，可以对接不同业务场景。

适合谁

前端工程师拿它做页面初稿，省去重复的切图和排版；设计团队如果和研发配合紧密，也能用它缩短从稿子到可运行页面的距离。对需要同时出多端代码的项目，一次生成多个框架版本比较省事。

费用与限制

页面上没有标价、登录方式、支持平台和版本信息，这些只能到站内实际试用才能确认。生成代码的可用率取决于设计稿本身的规范程度，组件识别也需要稿子按一定规则组织，随手画的稿子未必能识别准确。页面版权信息停在 2021 年，产品后续是否还在维护、功能有无变化，材料里看不出来。