[{"data":1,"prerenderedAt":74},["ShallowReactive",2],{"tool-imgcook":3},{"tool":4,"relatedTools":44},{"id":5,"name":6,"slug":7,"tagline":8,"description":9,"websiteUrl":10,"logoText":11,"pricing":12,"editorScore":13,"clickCount":14,"featured":15,"latest":15,"updatedAt":16,"category":17,"tags":26,"overview":28,"highlights":29,"useCases":38},"053c5622ae727dc58c05be3edecd3e6f","Imgcook","imgcook","阿里推出的免费设计稿智能生成前端代码","「图像大厨Imgcook」是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码（D2C，Design to Code）的平台，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。","https:\u002F\u002Fwww.imgcook.com\u002F","IMG","免费",98,8,false,"2026-04-15T04:26:34+08:00",{"id":18,"name":19,"slug":20,"description":21,"iconLabel":22,"accentColor":23,"toolCount":24,"sortOrder":25},"f03ada3281caa9e13e0c25491c6922cc","编程开发","dev-coding","从代码补全、界面生成到 Agent 编程，聚合开发者真正高频使用的 AI 产品。","CODE","#2D7A68",78,3,[27],"AI编程工具","Imgcook（图像大厨）是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码（D2C，Design to Code）的平台，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。 从视觉稿中还原生成代码需要将视觉稿中的数据导出到 imgcook 可视化编辑器中还原生成代码，支持两种方式：",[30,31,32,33,34,35,36,37],"第1种：打开 Sketch\u002FPSD 文件，通过安装好的 imgcook 插件将设计稿中的图层信息导出，粘贴到可视化编辑器中。","第2种：在可视化编辑器中直接上传“导入” Sketch\u002FPSD\u002F图片文件，imgcook 会解析图层信息直接还原到编辑器中。","移动端细粒度模块开发场景 – 特别推荐","移动端活动页 – 特别推荐","移动端全页面开发 – 推荐","PC 端 toC 应用 – 推荐","PC 端 toB 应用","PC 端富交互应用 – 不推荐",[39,40,41,42,43],"视图代码","数据字段绑定","组件代码","部分业务逻辑代码等","两种方式",[45,58,63],{"id":46,"name":47,"slug":48,"tagline":49,"description":50,"websiteUrl":51,"logoText":52,"pricing":53,"editorScore":13,"clickCount":54,"featured":55,"latest":55,"updatedAt":16,"category":56,"tags":57},"47812acb5bf277137b589f34307e136d","TRAE","trae-65814","字节跳动推出的 AI IDE 编程工具","TRAE是字节跳动推出的 AI IDE 编程工具，是高度智能的AI开发工程师，集成AI Coding Agent，能理解需求、调动工具、独立完成各类开发任务。通过TRAE SOLO模式，TRAE能理解开发者需求，自动执行从代码编写到测试的全过程，显著提升开发效率。","https:\u002F\u002Fwww.trae.cn\u002F?utm_source=advertising&utm_medium=aibot_ug_cpa&utm_term=hw_trae_aibot","TRA","免费增值",265,true,{"id":18,"name":19,"slug":20,"description":21,"iconLabel":22,"accentColor":23,"toolCount":24,"sortOrder":25},[27],{"id":59,"name":47,"slug":60,"tagline":49,"description":50,"websiteUrl":51,"logoText":52,"pricing":53,"editorScore":13,"clickCount":54,"featured":55,"latest":55,"updatedAt":16,"category":61,"tags":62},"e4a69cfca18e9a26e9cd502bd54fa738","trae",{"id":18,"name":19,"slug":20,"description":21,"iconLabel":22,"accentColor":23,"toolCount":24,"sortOrder":25},[27],{"id":64,"name":65,"slug":66,"tagline":67,"description":68,"websiteUrl":69,"logoText":70,"pricing":12,"editorScore":13,"clickCount":71,"featured":15,"latest":15,"updatedAt":16,"category":72,"tags":73},"4975c60a6a42064a728ae3101d2f40f6","通义灵码","aliyun-5269","阿里推出的免费AI编程工具，基于通义大模型","通义灵码是阿里推出的免费AI编程工具，基于通义大模型，帮助开发者提升编程效率和质量。具备多种实用功能，如智能代码续写，能根据上下文实时生成代码；自然语言生成代码，用户只需用自然语言描述需求，可快速生成对应代码；能自动生成代码注释、解释代码逻辑，以及协助排查异常报错。","https:\u002F\u002Flingma.aliyun.com\u002Flingma","通义",123,{"id":18,"name":19,"slug":20,"description":21,"iconLabel":22,"accentColor":23,"toolCount":24,"sortOrder":25},[27],1776262169462]