Imgcook
阿里出品的免费设计稿转前端代码平台(D2C)
工具介绍
Imgcook 是阿里巴巴大淘宝技术团队推出的设计稿转前端代码(D2C)平台,免费开放。它把 Sketch、PSD、静态图片等视觉稿作为输入,靠智能化技术一键产出可维护的前端代码,含视图代码、字段绑定、组件与部分业务逻辑代码,适合需要把设计稿快速还原成前端页面的开发者和团队。
主要功能
- 设计稿数据导出：把视觉稿数据导出到可视化编辑器，还原生成代码
- 插件一键导出：打开Sketch/PSD后经插件导出图层信息，粘贴到编辑器
- 直接上传导入：在编辑器直接上传Sketch/PSD/图片，自动解析还原
- 可视化编辑调整：可编辑视图、设动态表达式、循环布局，写逻辑绑字段
- 多DSL自由切换：内置React/Vue/小程序等DSL,也可自定义DSL
- 代码导出：支持导出或经VS Code插件生成模块代码，图片存本地
应用场景
- 场景选择说明：支持多类页面和模块高度还原，可按场景选择是否使用
- 移动端细粒度模块：页面或模块高度还原，官方特别推荐
- 移动端活动页：活动页还原效果好，官方特别推荐
- 移动端全页面：整页开发还原度高，官方推荐使用
- PC端toC应用：面向消费者的PC应用，官方推荐
- PC端toB应用：适用于PC端面向企业场景的应用