图像大厨imgcook

图像大厨imgcook

设计稿智能生成代码图像大厨imgcook支持从 Sketch、Photoshop、Figma 等设计工具导出数据,也支持上传 Sketch、PSD 与图片文件进行解析,将设计稿转换为可用代码并融入研发流程。

图像大厨imgcook 页面快照
4种
支持的设计稿文件类型
10种
官方支持的代码生成类型
139,115
页面公开的已上传页面数
95,555,038
页面公开的累计生成代码行数
核心能力

从设计稿解析到代码交付

覆盖设计文件解析、智能布局还原、多类型代码生成和研发流程集成,开发者还可以通过自定义 DSL、Plugin 与组件体系扩展出码能力。

插件导出与文件上传

支持通过 Sketch、Photoshop、Figma 插件导出数据,也可上传 Sketch、PSD 与图片文件进行解析。

智能化精准还原

采用计算机视觉与深度学习技术,识别 DOM 嵌套结构、相对定位布局、语义化 ClassName 和可循环结构。

多类型代码生成

官方提供 React、Rax、Vue、小程序等 10 种 DSL 生成不同类型代码,并支持自定义 DSL。

研发流程集成

通过自定义 Plugin、imgcook CLI 和 VS Code imgcook 编辑器插件,将生成代码处理并导出到本地项目工程。

自定义组件体系

支持组件库配置、组件识别、组件干预与组件渲染,便于开发者使用自有组件生成代码。

公开动态

平台公告与工作站动态

页面展示登录方式提示及工作站中的近期代码生成记录,具体时间以平台公开信息为准。

登录方式切换提示

页面提示 Github 登录不稳定,建议用户切换至钉钉登录,并提供查看切换方式的入口。

工作站持续展示代码生成记录

页面公开展示近期生成记录,包括生成代码行数及相对时间信息。

官方资料

插件、文档与开发资源

提供插件安装、上传注意事项、Plugin、CLI、组件体系和案例学习等官方资料,帮助用户接入和扩展图像大厨imgcook。

图像大厨imgcook

从这里开始使用图像大厨imgcook。