AI编程工具
Imgcook
第1种:打开 Sketch/PSD 文件,通过安装好的 imgcook 插件将设计稿中的图层信息导出,粘贴到可视化编辑器中。
Imgcook的主要功能
- 第1种:打开 Sketch/PSD 文件,通过安装好的 imgcook 插件将设计稿中的图层信息导出,粘贴到可视化编辑器中。
- 第2种:在可视化编辑器中直接上传“导入” Sketch/PSD/图片文件,imgcook 会解析图层信息直接还原到编辑器中。
Imgcook的应用场景
- 移动端细粒度模块开发场景 – 特别推荐
- 移动端活动页 – 特别推荐
- 移动端全页面开发 – 推荐
- PC 端 toC 应用 – 推荐
- PC 端 toB 应用
- PC 端富交互应用 – 不推荐
如何使用imgcook插件?
- 确保你已登录到 imgcook 帐户。
- 在 Figma 中,转到 Plugins 并选择 imgcook,你应该看到一个新的导出窗口。
- 选择任意文件图层组,然后点击“导出”。 imgcook 将弹出“导出成功,已复制到剪贴板!” 提示弹出层,然后单击“转到粘贴”进行还原。
- imgcook将在新的浏览器选项卡中打开编辑器。 将其粘贴并恢复到“ ctr + v”编辑器中,然后另存为模块即可。
Imgcook是免费的吗?
- Imgcook是完全免费的,用户可以使用其提供的Figma、Sketch、VSCode等插件来进行将设计稿免费转化为代码。