AI编程工具

Imgcook

阿里免费平台,设计稿一键生成前端代码

标签:

Imgcook简介

Imgcook是阿里推出的免费平台,可将设计稿一键智能生成前端代码,涵盖视图、组件等多种代码类型。

 

 

Imgcook主要功能

Imgcook具备以下核心功能:

  • 一键还原视觉稿:支持从Sketch/PSD等文件导出图层信息,或直接上传文件到可视化编辑器还原代码。
  • 可视化编辑:用户可在编辑器中进行视图编辑、编写逻辑代码、绑定字段等操作。
  • 生成代码:官方提供常用DSL,也可自定义;代码确定后可导出到本地文件。

 

 

Imgcook应用场景

该工具在多种场景下适用情况如下:

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

 

 

Imgcook插件使用方法

使用Imgcook插件需按以下步骤操作:

  1. 确保已登录Imgcook帐户。
  2. 在Figma中,转到Plugins并选择imgcook,出现新的导出窗口。
  3. 选择文件图层组,点击“导出”,复制到剪贴板后点击“转到粘贴”。
  4. 在新浏览器选项卡中打开编辑器,粘贴并恢复,另存为模块。

 

 

Imgcook的免费情况

Imgcook完全免费,用户可使用其提供的Figma、Sketch、VSCode等插件免费将设计稿转化为代码。

官方链接:点击前往官网

相关导航