Deco是一款由京东推出的智能将设计稿一键生成多端代码的工具,它可以帮助设计师和开发者提高工作效率,实现设计研发一体化。Deco是Design和Code的两个词的合并,代表Design To Code,即从设计稿生成代码。
Deco的主要特点有:
- 精准还原:Deco可以将设计稿中的元素、颜色、字体、间距等细节完美还原,输出所见即所得的代码。
- 高效生成:Deco可以快速将设计稿转换为可维护的代码,支持生成Taro、React、Vue等框架代码,无缝对接业务场景。
- 机器智能:Deco采用人工智能手段对设计稿深入分析,精准定位组件位置,识别出组件的类型,自动替换,输出组件化的代码。
- 智能语义:Deco智能分析设计稿语义,合理划分设计稿区块楼层,标记处理循环列表,生成语义化的className。
Deco的使用方法如下:
- 下载插件:Deco提供了Sketch和Figma两种插件,用户可以根据自己的设计软件选择下载1。
- 上传设计稿:用户可以在设计软件中选择需要转换为代码的画板或图层,点击上传按钮,将设计稿上传到Deco平台。
- 生成代码:用户可以在Deco平台上查看上传的设计稿,并选择需要生成的代码框架,点击生成按钮,即可得到相应的代码。
- 下载代码:用户可以在Deco平台上预览生成的代码效果,并下载压缩包,解压后即可使用或修改。
Deco的官网地址:
https://ml.huijiala.com/url-5647.htm
版权声明:本站文章大部分为原创,有小部分整理于自互联网。主要目的在于分享信息,版权归原作者所有,内容仅供读者参考。如有侵权请发送邮件至shenma006@gmial.com删除。备案号:晋ICP备2023001592号-1