Imgcook(图像大厨)是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码(D2C,Design to Code)的平台,专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。
从视觉稿中还原生成代码需要将视觉稿中的数据导出到 imgcook 可视化编辑器中还原生成代码,支持两种方式:
在 imgcook 可视化编辑器中,用户可以对视图编辑,比如支持动态表达式样式、设置循环、修改布局。还可以编写逻辑代码、绑定字段等。
官方有提供常用的 DSL(React/Vue/小程序 DSL等),点击下拉列表可切换使用其他 DSL。如果有特殊诉求,你也可以自定义 DSL。
代码确定后,可点击「导出」,你也可以使用 VS code imgcook 插件链路「导出」,此方式可以将整个模块代码文件生成到相应目录,直接继续使用 VS code 开发整个项目即可。导出后的代码到本地文件中,图片以相对路径的形式存放在 images 文件夹下。
imgcook 目前支持各种场景的页面或模块的高度还原,您可以根据以下场景分类选择是否使用 imgcook。
确保你已登录到 imgcook 帐户。
在 Figma 中,转到 Plugins 并选择 imgcook,你应该看到一个新的导出窗口。
选择任意文件图层组,然后点击“导出”。 imgcook 将弹出“导出成功,已复制到剪贴板!” 提示弹出层,然后单击“转到粘贴”进行还原。
imgcook将在新的浏览器选项卡中打开编辑器。 将其粘贴并恢复到“ ctr + v”编辑器中,然后另存为模块即可。
Imgcook是完全免费的,用户可以使用其提供的Figma、Sketch、VSCode等插件来进行将设计稿免费转化为代码。
Imgcook本站浏览人数已经达到488,如你需要查询该站的更多相关搜索指数、流量、权重等信息,可以点击"百度指数""5118数据""爱站数据""Chinaz数据""百度指数"进入查询参考!
本站提供的Imgcook信息都来源于网络,不保证信息以及外部链接的准确性和完整性,同时,对于该外部链接的指向,不由设计导航实际控制,在2023-05-05 09:24:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,请直接联系网站管理员进行删除,本站不承担任何责任。
墨刀AI是墨刀推出的AI产品原型设计助手。
AI改图神器是AI万能图片在线编辑器。
言之画是AI图像内容创作平台,由出门问问推出。
美图设计室是美图推出的AI海报设计工具,一键生成海报宣传图。
美间是AI软装设计、海报和提案生成工具。
Motiff是猿辅导旗下公司推出的AI设计工具。
Luma AI是AI 3D捕捉、建模和渲染。
MasterGo AI是国产产品设计工具MasterGo推出的智能UI设计助手。
Vizcom是AI渲染转化手绘图为产品设计图。
图宇宙是高品质AI智能设计平台。
Smodin AI Content Detector是多语种AI内容检测工具。
讯飞智能翻译是科大讯飞推出的人工智能翻译平台。
腾讯翻译君是你免费的随身翻译。
彩云小译是兼具中日英同声传译、文档翻译和网页翻译的智能翻译工具。
网易见外是网易推出的AI智能翻译平台,支持音视频、文档、图片、字幕等翻译。
万兴播爆是万兴科技推出的AI数字人口播视频营销工具。
Powered By Z-BlogPHP 1.7.2
Copyright Your www.jiasuqi.com.cn Rights Reserved.