# imgcook

**Repository Path**: jingaye/imgcook

## Basic Information

- **Project Name**: imgcook
- **Description**: 通过设计稿一键智能生成视图代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# imgcook

[imgcook](https://www.imgcook.com/) 是阿里巴巴集团在前端智能化方向的落地产品，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码。<br />

<p align="center">
  <a href="http://www.imgcook.com">
    <img alt="imgcook" src="https://img.alicdn.com/tfs/TB1pWhIk.H1gK0jSZSyXXXtlpXa-686-127.png" width="343">
  </a>
</p>

我们期望 imgcook (图像大厨) 能够利用智能化手段，成为一位 P5 级别的前端工程师，在对设计稿轻约束的前提下实现高度还原，释放前端生产力，助力前端与设计师高效协作，让您关注更具挑战性的事情！


## 使用场景


imgcook 目前支持各种场景的页面或模块的高度还原，您可以根据以下场景分类选择是否使用 imgcook。

- 移动端细粒度模块开发场景 - `特别推荐`
- 移动端活动页 - `特别推荐`
- 移动端全页面开发 - `推荐`
- PC 端 toC 应用 - `推荐`
- PC 端 toB 应用
- PC 端富交互应用 - `不推荐`
- 游戏场景 - `不推荐`


## 面向用户

如果您是一位设计师，遵循 imgcook 的设计稿规范，您可以产出高质量设计稿，自己试用或交付于开发，都可以实现一键还原！

如果您是一位开发者，可以使用规范化的设计稿，运用 imgcook 智能化策略及 imgcook 平台可视化辅助操作，实现页面的极速开发！

目前我们提供了 React、H5、Vue 等多种官方 DSL，您可以将视觉稿一键生成多种 DSL 代码。当然如果期望按照自己的需求生成代码，您也可以自定义 DSL，例如小程序规范、Ant-Design 组件等。

## 谁在使用

在阿里巴巴集团，imgcook 已承担了双 11 大促活动中所有模块的开发，在闲鱼、飞猪、蚂蚁保险等 BU 也有广泛使用。在集团外部，有赞、51信用卡等公司也在使用 imgcook 来提高前端开发效率。

<p align="center">
  <a href="http://www.imgcook.com">
    <img alt="imgcook" src="https://img.alicdn.com/tfs/TB1HX3_kF67gK0jSZPfXXahhFXa-1126-263.png" width="563">
  </a>
</p>

如果您也想尝试并了解 imgcook，请查看文档指南或加入我们的钉钉群。


## 使用帮助

### 官方文档

[https://www.imgcook.com/docs](https://www.imgcook.com/docs)

### 问题反馈

[https://github.com/taofed/imgcook/issues](https://github.com/taofed/imgcook/issues)

### 钉钉交流

**社区同学** 请扫码加入 **社区群**，**阿里内部同学** 请加入 **内部群**。

<p align="center">
    <img src="https://img.alicdn.com/tfs/TB11kDbqUz1gK0jSZLeXXb9kVXa-993-1280.png" width="250">
    <img src="https://img.alicdn.com/tfs/TB1G02dqHr1gK0jSZR0XXbP8XXa-993-1280.png" width="250">
</p>