Overview
产品概述
Imgcook 是一个面向前端开发者的智能代码生成平台，由设计稿（包括 Sketch、Photoshop 以及图片）提取元素信息，通过逐层处理智能生成高可维护性的前端代码。平台提供可视化编辑器，支持对生成的视图进行样式调整、循环设置、数据绑定、逻辑编辑等。同时，Imgcook 官方支持 React、Rax、Vue、小程序等多种 DSL，并允许用户自定义 DSL 以满足特定业务需求。此外，Imgcook 提供 Sketch/Photoshop 插件、VS Code 插件、CLI 及自定义插件等工程化集成方式，帮助团队将代码生成无缝接入研发流程。平台已服务超过 5.8 万用户，生成代码可用率约 79%。
Capabilities
核心能力
设计稿一键生成代码
通过 Sketch、Photoshop 插件或直接上传设计文件，imgcook 提取设计稿中的元素信息并智能生成结构合理、可维护的前端代码。
多 DSL 与自定义 DSL
官方支持包括 React、Rax、Vue、小程序在内的 10 种 DSL，并允许用户基于 JSON 模块自定义生成任何所需 DSL。
可视化编辑与逻辑配置
在可视化编辑器中可对生成视图进行样式调整、循环设置、数据绑定，并可通过事件绑定和自定义方法实现逻辑配置。
Use Cases
适用场景
-
01
提升前端研发效率
在阿里巴巴等团队中，imgcook 被大规模用于活动页面开发，显著提升研发效率并降低人力成本，如 2019 天猫双 11 活动代码可用率达 79.34%。
-
02
设计-前端协作优化
设计师通过设计物料管理、图层标记和代码导出能力，减少与前端的不必要沟通，提升协作效率。
Integrations
集成能力
Sketch 插件
支持在 Sketch 中安装 imgcook 插件，导出设计稿数据到 imgcook 平台。
Photoshop 插件
为仍使用 Photoshop 的设计团队提供插件，支持导出设计稿数据。
VS Code 插件
可将导出的设计数据在 VS Code 中生成代码并导出到对应文件夹。
imgcook-cli
命令行工具，可将 imgcook 生成的代码集成到本地项目中，同时支持自定义插件能力。
