AI123AI123
AI 工具
资讯
模型广场
AI 公司
排行榜
全球 AI 流量榜中国 AI 流量榜全球 AI 模型榜中国 AI 模型榜大模型调用量榜
提示词
技能市场
教程/指南
AI123AI123

发现好用的 AI 工具、了解最新的 AI 资讯,就来 AI123

© 2026 AI123. All rights reserved.

SitemapRobots
  1. 首页
  2. AI开发者工具
  3. Imgcook
Imgcook

Imgcook

AI开发者工具免费

阿里推出的免费设计稿智能生成前端代码

AI编程工具网页版 (Web)
5.0评分
访问官网
Imgcook screenshot 1
1 / 1

产品介绍

产品是什么

Imgcook(图像大厨)是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码(D2C,DesigntoCode)的平台,专注以Sketch、PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。

如何使用

1
1. 访问官网并上传设计稿— 打开 https://www.imgcook.com,通过拖拽或点击上传您的 Sketch、PSD、静态图片或截图等设计文件。
2
2. 编辑与调整代码— 在平台界面中检查生成的代码结构,您可以根据需要编辑图层、修改组件命名、绑定逻辑字段或调整样式。
3
3. 导出与使用代码— 确认代码无误后,选择目标框架(如 React、Vue、微信小程序等),一键导出高质量的可用前端代码至本地或直接复制使用。

核心功能

第1种:打开 Sketch/PSD 文件,通过安装好的 imgcook 插件将设计稿中的图层信息导出,粘贴到可视化编辑器中。
第2种:在可视化编辑器中直接上传“导入” Sketch/PSD/图片文件,imgcook 会解析图层信息直接还原到编辑器中。

目标用户

前端开发工程师UI/UX设计师产品经理全栈开发者

使用场景

将设计稿快速转换为前端代码
为移动端应用生成UI界面代码
将Sketch或PSD文件自动生成网页
从图片中提取设计元素并生成代码
加速设计师与开发者的协作流程

所属公司

阿里巴巴
阿里巴巴旗下产品 25 个

阿里巴巴是中国领先的电子商务与云计算企业,1999年创立,旗下拥有淘宝、天猫、1688与阿里云。阿里云是中国市场份额领先的云计算平台,业务覆盖电商、物流、云计算…

查看公司主页

同类推荐

呆呆兽中转站

呆呆兽中转站

付费

呆呆兽中转站 DDS Hub:面向开发者的 AI API 中转网关,香港低延迟直连 Anthropic 与 OpenAI

Prolific

Prolific

免费

汇聚全球真实参与者,分钟级获取高质量人类反馈,加速AI训练与科学研究,让每一项数据洞察都可靠可信

Devin

Devin

免费

Autonomous AI engineer for complex software tasks

CodeGeeX

CodeGeeX

免费

智谱AI推出的免费AI编程助手

CodeWhisperer

CodeWhisperer

免费

面向软件开发生命周期的生成式 AI 编程助手,集实时代码建议、代理式编码、漏洞扫描与 AWS 专家能力于一体,覆盖 IDE、CLI 与云端全场景。

通义灵码

通义灵码

免费

阿里推出的免费AI编程工具,基于通义大模型

精选推荐

DeepSeek

DeepSeek

5
AI聊天机器人

幻方量化推出的AI智能助手和开源大模型

通义灵码

通义灵码

5
AI开发者工具

阿里推出的免费AI编程工具,基于通义大模型

智谱清言

智谱清言

5
AI写作助手

智谱推出的全能AI助手

Coze

Coze

5
AI开发者工具

扣子Coze是字节跳动旗下的一站式AI开发平台与职场AI伙伴,让用户以自然语言驱动Agent完成从编程到内容创作的复杂任务。

TRAE

TRAE

5
AI开发者工具

让AI赋能每一行代码,TRAE助你从构思到交付,开发效率飞跃提升

最新资讯

查看更多
1

江苏普诺威10亿元端侧芯片载板项目在昆山开工

2026/10/25

2

天工机器人接入声网实时互动 推进远程操控方案落地

2026/10/25

3

特斯拉自研AI导航地图确认,将随FSD v15逐步推送

2026/10/25

4

三名OpenAI安全研究员否认泄密 质疑解雇理由

2026/10/25

5

李飞飞谈World Labs初衷:空间智能将引领新产业革命

2026/10/25