10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

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

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

1年前 AI产品百科 1722 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:提供人工智能视频无损放大、增强画质的网站
手把手教你用GitHub Codespaces零成本部署OpenClaw,打造专属AI助手
推荐阅读
  • burnt:AI供应链代理系统,自动化订单管理、分析购买模式、提升客户满意度和复购率
  • SEO Mega Report:SEO分析工具,AI分析网站优化抓取网站数据、分析竞争对手、绘制用户画像
  • Roam Around:您的AI旅行代理,利用AI生成旅行计划的在线工具
  • sider ai sidebar: 基于人工智能的浏览器侧边栏插件,支持翻译、解释、总结、改写等
  • Miraa:AI双语字幕及辅助学习APP,自动将视频/音频等媒体资料转录成字幕实时翻译
评论 (0)
请登录后发表评论
分类精选
Picarta:可以查找图片拍摄地点的AI识图软件,使用AI搜索照片拍摄的精确位置
14055 11月前
BeArt:一款免费且无水印的的在线AI换脸网站,适用于照片、视频和GIF中实现精准换脸
13509 1年前
灵光:蚂蚁集团推出的全模态AI助手App,30秒做应用、实时写图文
12493 2月前
Noiz AI:AI语音克隆工具,一款TTS和视频配音神器
11877 11月前
GPTGirlfriend:AI虚拟女友聊天平台,不受限制的成人角色扮演,AI女友进行成熟的对话
11742 11月前
Unscreen:在线视频和GIF背景抠除工具,不用绿幕轻松完成视频抠像
11269 1年前
抖音即创AI: 一站式智能AI创作管理平台
9675 1年前
Reecho 睿声:免费AI语音克隆与超拟真语音合成平台,用户只需提供一小段声音样本,完成声音的克隆
9492 1年前
嘎嘎降AI:AIGCleaner论文降重工具网站,专门降低文章AI率、查重率的工具
8563 10月前
Saylo:免费AI角色故事聊天,沉浸式AI聊天、互动故事及角色扮演游戏平台
7959 11月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Skribra:SEO内容生成器,AI SEO 写作引擎,一键生成可排名的长文
2 Music Make AI:AI音乐生成器,一句话描述,输入文字秒出高质量无版税BGM的AI音乐工厂
3 AI Voice Cloning:AI语音克隆工具,样本极速克隆,任何人的声音一句话复刻
4 呜哩:阿里巴巴AIGC创意设计台,免费一句话生成高清图像与短视频
5 AI ASMR Videos Generator:一句话生成沉浸式ASMR视频,零拍摄、零剪辑、零门槛
6 Studioify:一键把随手拍的服装照变成电商级大片
7 Teamo:All-in-one, 生产力,无痛使用Claude Code的超级智能体
8 Dokie:更懂商务内容的AI PPT生成与编辑,轻松做出高级感十足的 PPT
9 Anivid AI:AI动漫一句话就能让原创角色动起来,生成专属动漫图像、视频与可互动剧情
10 Martini:AI电影生成与多人协作平台一起写的云端片场
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联