10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 标签云 排行榜

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI产品百科

Imgcook:免费设计稿智能生成前端代码工具,设计图生成代码转换,帮助前端开发者提高开发效率,

1年前 AI产品百科 2792 0

Imgcook 是一款能够将设计转换为代码的工具,它可以帮助前端开发者提高开发效率,同时帮助公司降低人力成本,由阿里巴巴出品。

imgcook 专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。

imgcook 的主要功能是视觉稿一键还原和基于还原后的可视化编辑,Sketch/Photoshop 设计稿的还原从安装插件开始,在设计稿中通过插件导出视觉稿的 JSON 描述信息粘贴到 imgcook 可视化编辑器,在编辑器中可以进行视图编辑、逻辑编辑等,生成代码后可将代码导出到本地或您的工程文件。

Imgcook 功能

支持多种设计类型:使用插件导出设计或在 Imgcook 编辑器中上传设计文件。

智能且高可维护性:DOM 嵌套合理,相对定位布局,类名语义化和循环自动识别。

支持10种类型的代码生成:官方提供了10种 DSL,如 react、rax、Vue 和小程序等,可以生成不同类型的代码。用户也可以自定义 DSL,生成满足自己需求的任何代码。

集成到 R&D 流程:提供多种方式,可以在代码生成后无缝连接到你的 R&D 环节。

自定义插件:在使用 Imgcook 导出生成的代码时,你可以使用自定义插件处理代码产品,例如自动将图片上传到你自己的图片空间,文件目录转换等。

Imgcook CLI:Imgcook CLI 可以将 Imgcook 平台生成的代码产品集成到你的本地项目中,通过插件的能力将它们无缝集成到你的 R&D 流程中。

Imgcook Visual Studio:为了匹配 VS Code 的强大工程能力,我们提供了 VSCode Imgcook 编辑器插件,你可以将设计工具导出的数据粘贴到 VSCode Imgcook 编辑器插件中,生成代码并将其导出到相应的文件夹目录。

自定义组件:为了让开发者在 Imgcook 平台上使用自己的组件,我们提供了一个开放的材料系统,支持组件库的可配置、可识别、可干预、可渲染和代码输出。

官网地址:https://www.imgcook.com/ 

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:Imgcook:免费设计稿智能生成前端代码工具,设计图生成代码转换,帮助前端开发者提高开发效率,
#Imgcook #设计转代码 #阿里巴巴 
收藏 1
Bigmp4:提供人工智能视频无损放大、增强画质的网站
photosonic:免费在线AI绘画工具,AI图像生成器DALL-E的AI模型
推荐阅读
  • Yourware:一键创建自己的 AI 编程作品集,将网页代码快速上线
  • Videotok:AI视频创作平台,AI驱动脚本、图像、动画及配音等功能
  • Lip Sync AI:免费AI口型同步工具,上传照片/视频并添加音频,一键生成对口型视频
  • Mem0:为 AI Agent 添加记忆解决LLM遗忘问题,Mem0架构深度解析
  • aoGen :AI电商服装模特生成器,专为电商业务设计的AI生成工具
评论 (0)
请登录后发表评论
分类精选
AI Couple:30 秒生成超逼真情侣照 & 吻抱视频的神器
30645 8月前
GPTGirlfriend:AI虚拟女友聊天平台,不受限制的成人角色扮演,AI女友进行成熟的对话
19722 1年前
NiceVoice:又一款免费AI声音克隆,3步克隆你的声音
19289 1年前
Picarta:可以查找图片拍摄地点的AI识图软件,使用AI搜索照片拍摄的精确位置
18576 1年前
BeArt:一款免费且无水印的的在线AI换脸网站,适用于照片、视频和GIF中实现精准换脸
17594 1年前
FantasyGF:AI虚拟女友聊天平台,定制你的AI女友聊天
17451 1年前
嘎嘎降AI:AIGCleaner论文降重工具网站,专门降低文章AI率、查重率的工具
16873 1年前
Noiz AI:AI语音克隆工具,一款TTS和视频配音神器
16671 1年前
灵光:蚂蚁集团推出的全模态AI助手App,30秒做应用、实时写图文
15354 10月前
Unscreen:在线视频和GIF背景抠除工具,不用绿幕轻松完成视频抠像
14666 2年前

文章目录

关于苏米客
分类排行
1 网易叭哥说:Typeless 语音输入法的永久免费平替,30dB 小声也能识别
2 AIsa 平台:让 AI Agent 直接调用 5000+ 数据源,竞品调研效率倍增
3 新版 Qoder 实测:复用浏览器登录态、错峰折扣、自定义 API,Agent 工具链的成熟度比拼
4 WorkBuddy 国际版实测:模型更多、Hy4/DeepSeek 限免,与国内版差异全解析
5 Finch Agent 实测:62 亿 Token 体验,新一代 Vibe Coding 工具全解析
6 Agnes Video 2.5上线Pavo平台:免费不限量生成AI视频,支持无限画布和AI短剧制作
7 GPT-Image-2.5 全场景生图实测:17 个案例与提示词分享
8 腾讯Domery内测:全链路数据AI助手,自然语言完成数据分析与可视化
9 阿里万有无界实测:多 Agent 群聊协作平台,小万调度+小有推动,PPT 生成全流程体验
10 Lovart中文版上线:一键采集灵感,Skill 驱动完成整套设计
苏米客
登录 注册
显示
没有账号? · 立即注册
显示
已有账号? · 直接登录
登录代表你已同意 用户协议 和 隐私政策
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6 网站地图 百度地图
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联