Imgcook简介
Imgcook是阿里推出的免费平台,可将设计稿一键智能生成前端代码,涵盖视图、组件等多种代码类型。
Imgcook主要功能
Imgcook具备以下核心功能:
- 一键还原视觉稿:支持从Sketch/PSD等文件导出图层信息,或直接上传文件到可视化编辑器还原代码。
- 可视化编辑:用户可在编辑器中进行视图编辑、编写逻辑代码、绑定字段等操作。
- 生成代码:官方提供常用DSL,也可自定义;代码确定后可导出到本地文件。
Imgcook应用场景
该工具在多种场景下适用情况如下:
场景 | 推荐程度 |
---|---|
移动端细粒度模块开发 | 特别推荐 |
移动端活动页 | 特别推荐 |
移动端全页面开发 | 推荐 |
PC端toC应用 | 推荐 |
PC端toB应用 | 可用 |
PC端富交互应用 | 不推荐 |
游戏场景 | 不推荐 |
Imgcook插件使用方法
使用Imgcook插件需按以下步骤操作:
- 确保已登录Imgcook帐户。
- 在Figma中,转到Plugins并选择imgcook,出现新的导出窗口。
- 选择文件图层组,点击“导出”,复制到剪贴板后点击“转到粘贴”。
- 在新浏览器选项卡中打开编辑器,粘贴并恢复,另存为模块。
Imgcook的免费情况
Imgcook完全免费,用户可使用其提供的Figma、Sketch、VSCode等插件免费将设计稿转化为代码。
官方链接:点击前往官网