Imgcook(图像大厨)是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码(D2C,Design to Code)的平台,专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入,通过智能化技术一键生成可维护的前端代码,包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。
从视觉稿中还原生成代码需要将视觉稿中的数据导出到 imgcook 可视化编辑器中还原生成代码,支持两种方式:
第1种:打开 Sketch/PSD 文件,通过安装好的 imgcook 插件将设计稿中的图层信息导出,粘贴到可视化编辑器中。第2种:在可视化编辑器中直接上传“导入” Sketch/PSD/图片文件,imgcook 会解析图层信息直接还原到编辑器中。在 imgcook 可视化编辑器中,用户可以对视图编辑,比如支持动态表达式样式、设置循环、修改布局。还可以编写逻辑代码、绑定字段等。
官方有提供常用的 DSL(React/Vue/小程序 DSL等),点击下拉列表可切换使用其他 DSL。如果有特殊诉求,你也可以自定义 DSL。
代码确定后,可点击「导出」,你也可以使用 VS code imgcook 插件链路「导出」,此方式可以将整个模块代码文件生成到相应目录,直接继续使用 VS code 开发整个项目即可。导出后的代码到本地文件中,图片以相对路径的形式存放在 images 文件夹下。
imgcook 目前支持各种场景的页面或模块的高度还原,您可以根据以下场景分类选择是否使用 imgcook。
移动端细粒度模块开发场景 – 特别推荐移动端活动页 – 特别推荐移动端全页面开发 – 推荐PC 端 toC 应用 – 推荐PC 端 toB 应用PC 端富交互应用 – 不推荐游戏场景 – 不推荐确保你已登录到 imgcook 帐户。
在 Figma 中,转到 Plugins 并选择 imgcook,你应该看到一个新的导出窗口。
选择任意文件图层组,然后点击“导出”。 imgcook 将弹出“导出成功,已复制到剪贴板!” 提示弹出层,然后单击“转到粘贴”进行还原。
imgcook将在新的浏览器选项卡中打开编辑器。 将其粘贴并恢复到“ ctr + v”编辑器中,然后另存为模块即可。
Imgcook是完全免费的,用户可以使用其提供的Figma、Sketch、VSCode等插件来进行将设计稿免费转化为代码。
BodyTalk是Panjaya推出的AI视频配音工具,基于生成性AI技术,将视频中的人物声音转换为其他语言,自动调整视频中人物的面部表情和肢体动作,自然地匹配新的语音模式。工具结合音频翻译、声音模仿和视频编辑技术,支持29种语言的翻译,提供自动化处理和编辑功能。
AI教程资讯
2025-02-07
Windsurf 是Codeium公司推出的AI编程工具,具备实时协作功能,支持多系统,提供了强大的上下文感知能力。Windsurf融合了协作式 Copilots 和独立操作的 Agents,创造出一种名为“Flow”的新型协作智能体,能够深入理解代码库并实时响应开发者的操作。通过新功能 Cascade ,Windsurf 不仅优化了聊天交互,还支持用户自由无限制地访问AI编程辅助,提升编程效率,与市场上的Cursor等工具形成有力竞争。
AI教程资讯
2025-02-07
OmniParse是数据解析平台,将非结构化数据转换为结构化、可操作的数据,优化适用于GenAI(大型语言模型)应用。OmniParse支持约20种文件类型,包括文档、表格、图像、视频、音频和网页,提供表格提取、图像字幕、音视频转录等功能,基于Docker和Skypilot轻松部署,用Gradio支持的交互式UI。
AI教程资讯
2025-02-07
Promptim是实验性的AI提示优化库,基于自动化流程提升AI系统在特定任务上的提示效果。用户提供初始提示、数据集和自定义评估器,Promptim能自动运行优化循环,生成更优的提示。这一过程提高了AI任务的性能,支持用人工反馈进一步指导优化,实现更精准的AI系统调优。
AI教程资讯
2025-02-07