Deco

Deco 是京东的设计稿转代码工具，可分析设计稿中的布局、组件和语义区块，生成 Taro、React、Vue 等多端代码。使用Deco时，通常从文字需求、草图、参考图、品牌素材或页面结构开始，将内容整理为界面草稿、版式、图标、视觉方案或可分享原型。通常先用小范围提示或参考素材确认构图，再调整文字、细节和导出规格。

核心能力

• 设计稿转代码 ：从设计稿生成多端前端代码。
• 布局还原 ：通过 DOM 嵌套和弹性布局生成自适应页面结构。
• 组件识别 ：分析设计稿并识别组件类型，自动替换为组件化代码。
• 语义分析 ：划分页面区块、标记循环列表并生成语义化 className。
• 多端 DSL ：支持 Taro、React、Vue 等框架代码。

适合与限制

适合：

• 需要界面草稿、版式、图标、视觉方案或可分享原型的设计师、产品团队和需要快速制作视觉方案的用户。
• 希望先得到可编辑草稿，再由人工补充和核对的用户。

不适合或需先确认：

• 生成方案需要结合品牌规范、可用性和素材授权进行人工调整
• 具体功能、登录要求、额度和导出规格以官网当前页面为准。