编程工具

CodiumAI是什么？ CodiumAI是一款AI代码测试和分析工具，可以智能分析开发者编写代码、文档字符串和注释，并且可以与人聊天互动，在编程时生成测试建议和提示。借助其全面的测试套件，可以帮助开发人员在软件发布前发现Bug或错误，确保软件的可靠性和准确性。 CodiumAI的主要功能 智能创建全面的测试套件，包括自动生成单元测试、智能分析代码、代码修改建议、查找代码错误、自动添加文档字符串等 AI编程对话助手，内置 CodiumAI 聊天功能，可以通过对话聊天命令来改进编写的代码 支持所有编程语言，CodiumAI 支持几乎所有编程语言，不过，某些高级功能（例如单元测试运行和修复）仅支持 Python、JavaScript、TypeScript 和 Java。 兼容的主流编辑器和IDE，CodiumAI 目前支持 VS Code 和 JetBrains 旗下的 IntelliJ、WebStore、CLion、PyCharm 等IDE。 CodiumAI的产品价格 对于个人开发者来说，CodiumAI无需付费，可永久免费使用 对于多人团队来说，CodiumAI需花费19美元每月每用户来订阅 常见问题 CodiumAI是免费的吗？ 针对个人用户，CodiumAI可永久免费使用。 CodiumAI基于什么大模型？ CodiumAI基于OpenAI提供的GPT-3.5和GPT-4大模型。 CodiumAI相比GitHub Copilot有什么优势？ 相比GitHub Copilot，CodiumAI 更专注于代码完整性，在代码测试方面更加强大。

AI编程和软件开发

CodeGeeX是国内人工智能公司智谱AI开发的对标GitHub Copilot的免费AI编程工具，该工具基于其CodeGeeX2多语言代码生成模型，支持Python、Java、C++/C、JavaScript、Go等多种编程语言，可以实现代码的生成与补全、自动添加注释、代码翻译以及智能问答等功能，帮助开发者快速编写代码，提升开发效率。 CodeGeeX的主要功能 代码生成与补全：CodeGeeX可以根据自然语言注释描述的功能自动生成代码，也可以根据已有的代码自动生成后续代码，补全当前行或生成后续若干行，帮助你提高编程效率。 注释生成：CodeGeeX可以给代码自动添加行级注释，节省大量开发时间。 代码翻译：基于AI大模型对代码进行语义级翻译，支持多种编程语言互译（Python、Go、Java、JavaScript、C++、C#、PHP、TypeScript等），准确率高。 智能问答：无需离开IDE环境，去搜索引擎寻找答案，开发中遇到的技术问题，可直接向AI助手提问。 支持主流IDE：提供Visual Studio Code 插件和JetBrains IDEs插件（IntelliJ IDEA, PyCharm等），让你在熟悉的开发环境中快速开发。 常见问题 CodeGeeX是免费的吗？ CodeGeeX对于个人开发者来说是完全免费使用的。 CodeGeeX基于什么大模型？ CodeGeeX基于 ChatGLM2 架构加入代码预训练实现的 CodeGeeX2 代码大模型。 CodeGeeX支持哪些编程语言？ CodeGeeX支持Python、Java、C++、JavaScript、Go等数十种常见编程语言。

CodeFuse 是一款为国内开发者提供智能研发服务的AI编程工具，该产品是基于蚂蚁集团自研的基础大模型进行微调的代码大模型。CodeFuse 具备代码补全、添加注释、解释代码、生成单测，以及代码优化功能，以帮助开发者更快、更轻松地编写代码。 CodeFuse的产品功能 CodeFuse 提供多个 IDE 插件版，支持在 10 款 IDE 中使用，包括支付宝小程序云云端研发、Visual Studio Code，以及 JetBrains 系列的 IntelliJ IDEA、PyCharm、WebStorm、GoLand、CLion、DataGrip、PhpStorm 和 RubyMine。 此外，CodeFuse 支持 40 多种编程语言，包括 C++、Java、Python、JavaScript 等，目前 CodeFuse 针对 Java 与 Python 的代码生成质量较高。CodeFuse 支持的功能如下表。 产品功能 描述说明 代码补全 基于海量数据提供实时地代码补全服务，包括行内补全（单行补全）和片段补全（多行补全） 添加注释 智能为选定的代码生成注释，目前在整个函数级别的生成注释效果较好。 解释代码 智能解析代码意图，为选定的代码生成解释，辅助阅读并理解代码。 生成单测 在写完业务逻辑后，为选定的代码生成单测，即可智能生成具备业务语义的测试用例，从而提升问题发现的效率。 代码优化 基于大模型的代码理解能力和静态源码分析能力，CodeFuse 支持对选定的代码片段进行分析理解并提出优化、改进建议，还能直接基于改进建议生成代码补丁。

iFlyCode 是科大讯飞最新推出的智能编程助手，基于讯飞星火认知大模型，可以帮助开发人员编程更轻松，创意更自由。该AI编程工具拥有代码生成、代码补齐、代码纠错、代码解释、生成单元测试等功能。 iFlyCode的产品功能 代码生成：智能触发，一键出“码”。可智能生成单行或函数级代码建议、根据注释、函数名自动生成代码、通过方法名、上下文等信息补齐代码 选中段落：“码”上理解。类、函数及其作用逐一详解、支持逐行代码注释、学习海量范式，快速精准解读 代码纠错：智能识别，便捷修正、精准定位拼写、语法、逻辑错误、提供针对性纠正建议、新老代码比较，支持一键修改 单元测试：快速生成，自测无忧、选中代码，一键生成单测用例、支持多种主流单元测试框架、智能生成单元测试数据 智能问答：专业知识，精准获取、支持选中代码提问、对话式自由问答、代码相关问题专业解答、IDE界面直接提问，无需切换

代码小浣熊Raccoon是商汤科技最新推出的一个智能AI编程助手和工具，由商汤自研的大模型驱动，支持多种编程语言和多项任务能力，可为开发人员带来全新的编程体验。代码小浣熊Raccoon提供了丰富的智能代码生成和辅助功能，可应用于从软件需求分析、架构规划、代码生成到软件测试的各个开发流程中，满足程序员代码编写、数据分析以及编程学习等多样化需求。 代码小浣熊Raccoon的主要功能 代码生成和补全：根据注释生成代码或根据上下文提供智能的代码补全建议 代码翻译：支持不同编程语言之间的代码互译，如Python转JavaScript 代码重构：提高代码可读性和可维护性，优化代码结构，提高运行效率 代码纠错：快速识别各种代码错误并智能修正有问题的代码 代码问答：内置代码助手，可进行连续对话，解答编程时遇到的疑问 测试用例生成：自动生成测试用例，确保代码更全面地被测试 代码小浣熊Raccoon支持的语言和IDE 支持Python、C#、C/C++、Java、Go、JavaScript、SQL等30多种主流编程语言 兼容Visual Studio Code、Android Studio和JetBrains旗下的系列IDE，Eclipse、Xcode等后续将开放支持 如何使用代码小浣熊Raccoon 访问代码小浣熊Raccoon的官网（code.sensetime.com），点击立即体验按钮 选择下载对应的IDE插件，以VS Code为例，可进入Visual Studio Marketplace页面点击Install唤起桌面端的VS Code，或直接在软件内的扩展搜索Raccoon进行安装 安装成功后，点击左侧的小浣熊图标登录注册账号，登录成功后即可开始使用 在代码编辑器里面使用Alt + /可获取代码补全，也可以在侧边栏获终端面板唤起代码助手进行对话 常见问题 代码小浣熊Raccoon单词有什么含义？ Raccoon的本意是小浣熊，在这里指的是Raccoon - Another Code CO-pilOt Navigator的缩写。 代码小浣熊Raccoon是免费的吗？ 代码小浣熊Raccoon目前在免费公测中，用户可免费使用。 代码小浣熊Raccoon基于什么大模型？ 代码小浣熊Raccoon基于商汤科技自研的大语言模型。

Fitten Code是一个由非十科技自研代码大模型驱动的AI代码助手，支持包括 Python、JavaScript、TypeScript、Java、C、C++ 等在内的80多种编程语言。该AI编程助手可以自动进行代码补全，并可以生成代码、生成注释、编辑代码、解释代码、生成测试、查找Bug等，减轻了开发者的工作负担，还提升了代码的质量和开发效率。 Fitten Code目前针对个人用户是完全免费使用的，无需付费，支持通过Visual Studio Code编辑器和JetBrains系列IDE使用。 Fitten Code的主要功能 代码自动补全：智能预测并补全代码，提高编程效率。 注释到代码生成：根据开发者的注释说明，自动生成代码片段或完整的代码结构。 自动添加注释：自动为代码添加注释，帮助开发者理解和维护代码。 代码编辑：提供代码重构和优化建议，提升代码质量。 代码解释：对复杂的代码段进行解释，帮助开发者理解其工作原理。 代码测试生成：自动生成测试用例，确保代码的健壮性和正确性。 Bug查找：智能识别代码中可能存在的缺陷，帮助开发者提前发现并修复问题。 如何使用Fitten Code 以VSCode版为例，打开Visual Studio Code编辑器，点击左侧扩展按钮 在搜索框中输入Fitten Code进行搜索，然后点击安装 安装完成后进行注册登录 随意打开一个代码文件，输入代码段后即可自动补全代码 你也可以添加注释，将注释生成代码

黑箱AI编程助理，快速代码生成

Solo（Solo AI Website Composer）是火狐浏览器的母公司Mozilla最新推出的一个创新项目——面向个人企业家、自由职业者的一个人工智能网站创建工具。借助AI的能力，用户无需具有编程经验和代码知识，输入文本提示、可视化添加内容块、图像、布局、主题即可创建精美视觉效果的网页和网站。 Solo的主要功能 无代码创建网站：只需通过一些简单的输入即可快速生成网页 搜索引擎优化：智能建议网站SEO Meta关键字、描述等 响应式设计：自动进行桌面端和移动端响应式网页设计 评论导入：从社交媒体中获取帖子文本和评论并展示最佳内容 公司名称生成器：描述公司的主营业务即可生成企业名称 创业想法生成器：随机为你生成不同行业的创业想法，激发灵感 如何使用Solo创建网站 访问Solo的官网（soloist.ai），点击Build Your Website开始创建网站 填写初步信息，如业务介绍、企业名称、经营地点等 进入下一步选择网站字体样式-->选择网站颜色主题 选择要添加的网站内容版块，如头部、服务介绍、Banner、联系框、底部等 然后点击Compose your site，等待Mozilla自动生成网页，稍等片刻即可生成完毕 生成后的网站可以自由修改，也可以点击右上角的Publish进行发布 AI工具集使用该工具实测了一下，生成的网页还算是简洁大气，若需要快速上线一个网站着陆页，是个还不错的选择。不过，相比于之前介绍的Framer AI建站工具，效果略逊一筹。 常见问题 Solo是免费的吗？ Solo目前处于免费公测中，所有用户都可以免费使用，后续可能会推出付费版本。 Solo支持自定义域名吗？ Solo目前初版暂不支持添加自定义域名，后续会增加该功能。 Solo生成的网页代码可以导出吗？ Solo创建好的网页不支持导出代码。

Comate是百度推出的AI编程工具，基于文心大模型，结合百度积累多年的编程现场大数据和外部优秀开源数据，为开发人员生成更符合实际研发场景的优质代码，现已向企业开放试用申请。 Comate的产品功能 一、AI自动生成代码： 代码解释：可给出整个方法、函数的功能和完整逻辑说明，也支持选中任意代码给出解释 技术问答：在对话框中输入研发中遇到的问题，第一时间获得AI助手解答 实时续写：通过分析上下文逻辑关系，智能生成方法、函数、判断、循环体等完整的代码块 注释生成代码：直接在注释中用自然语言描述所需功能，自动生成完整函数 生成函数注释与行间注释：分析一个方法、函数、类，生成符合规范的文档注释，同时也可以识别函数中复杂逻辑逐行增加注释 生成单元测试：支持对任意方法、函数一键生成单元测试，也支持对多文件进行批量生成 二、AI进行代码优化和修复： 代码优化：支持对长函数等坏味道代码进行优化 代码修复：识别代码中的潜在错误，并自动进行修复 三、支持多门语言和多个IDE： 支持30多种主流语言，包括C/C++、Java、Python、Go、JavaScript、TypeScript等语言 支持常用 IDE，VS Code、IntelliJ IDEA、GoLand、PyCharm、WebStorm、CLion、PhpStorm、Android Studio、Xcode、iCoding等IDE插件，一键安装，即装即用

JetBrains AI是编程软件开发公司JetBrains最新为其旗下系列IDE推出的类似于GitHub Copilot的AI编程助手，可与IntelliJ IDEA、PyCharm、PhpStorm、ReSharper、Fleet等集成开发环境工具深度整合，提供代码聊天、代码生成、上下文代码分析、代码解释、代码翻译等功能，帮助开发人员提高开发效率和代码质量。 JetBrains AI的主要功能 回答代码问题：内置AI编程助手聊天工具，可与大模型提问对话 解释代码：可在代码编辑器中选择代码，向AI询问特定的代码片段 生成Git提交消息：可使用AI助手生成Git版本控制更改消息 生成声明文档：可生成Java、Kotlin、Python等编程语言的文档 代码翻译转换：可以将代码从一种编程语言转换为另一种编程语言 AI生成测试：智能分析代码和文档，为代码片段生成单元测试 JetBrains AI的产品价格 JetBrains AI需要用户先购买了其旗下任一IDE的许可证后，激活许可证后才可以免费试用JetBrains AI。AI功能付费订阅价格为个人专业版8.33美元一个月。

CodeArts Snap是华为云推出的AI编程助手，可以帮助开发者将自然语言转化为规范可阅读、无开源漏洞的安全编程语言，提升开发者编程效率，助力企业快速响应市场需求。其核心技术基于华为云PaaS技术创新Lab与华为诺亚方舟实验室联合打造的PanGu-Coder代码大模型，支持Python和Java语言，支持PyCharm、IntelliJ和VSCode等代码编辑器。 CodeArts Snap的主要功能 函数级代码自动生成。可以通过自然语言识别做到函数级的多行代码生成，开发者仅需在定义好的函数签名末尾处敲下“回车键”，CodeArts Snap将生成符合业务逻辑的完整函数代码。 行级代码生成。CodeArts Snap在已有函数上文的场景下，还可以通过理解上文的语义和逻辑，自动进行行级代码生成。 光标处代码生成推荐。在编程过程中，开发者难免会遇到卡壳、停下来思考。此时CodeArts Snap在光标处会进行行中代码生成推荐，为开发者提供编程灵感。 提供多个生成结果方案。每次触发代码生成，CodeArts Snap会提供多个生成结果方案，开发者可以通过快捷键快速翻阅，也可以调取侧边栏对比查看所有候选代码生成推荐结果，并对结果进行选择。 CodeArts Snap的产品价格 目前CodeArts Snap处于免费测试中，用户可以通过VS Code和JetBrains插件市场免费下载，并通过下方链接申请注册使用： https://devcloud.cn-north-4.huaweicloud.com/codeartssnap/apply

AskCodi是一个基于AI的代码生成助手，该工具理论上可以帮助你完成任何编码工作。从生成代码到解释代码背后的逻辑，从开发WordPress网站到创建一个应用程序，甚至重构你现有的代码，Codi将是你整个编码之旅的伴侣。 AskCodi是基于开发者的需求而制作的，以避免多余的任务，从而减少花在开发上的时间和更多的时间来执行程序。AskCodi通过工具帮助加快开发过程，在这些工具中，你可以要求Codi AI回答编码问题、解释代码、记录或测试代码。以及像统计分析、数据科学和许多其他的特定应用，对在网上努力寻找答案的开发者来说是大有帮助的。

Devv（Devv.ai）是一款面向程序员的新一代AI搜索引擎，目标是为开发人员提供一个简洁、准确、快捷、高效和高质量的编程技术问题解答工具。相信很多开发者在搜索技术难题时都遇到过这些痛点：国内无法访问谷歌进行搜索、而百度与技术相关的搜索质量不高、CSDN之类的博客广告多需要付费、Stack Overflow加载缓慢且基本都是英文。Devv便是旨在替代传统的搜索引擎和技术博客社区，专注于细分的IT领域的AI搜索问答垂类解决方案。当然除了询问技术问题外，你也可以使用Devv搜索任何问题。 Devv的主要功能 编程和技术问题搜索解答：Devv.ai可以提供关于编程、软件开发和人工智能等方面的建议和指导，回答关于编程语言、算法、代码调试、软件开发最佳实践等方面的问题 预设多种编程语言：Devv.ai搜索引擎预设了Python、Go、JavaScript、Java、SQL、Rust、PHP、C、Swift等10多种编程语言可供选择进行提问 支持连续对话：Devv.ai允许用户在当前内容上继续提问和进行连续对话，并且回答的内容会在右侧标注参考来源和出处 多平台使用：Devv.ai支持通过在线网页版、Windows和macOS桌面客户端使用 Devv AI还处于早期阶段，目前是完全免费使用的，支持中文和英语，后续将会支持更多的语言、Copilot模式和搜索体验改进。

ChatDev是人工智能公司面壁智能最新推出的基于“大模型+Agent”的智能软件开发平台，用户只需输入自然语言，便能生成和创建可运行的软件。通过该平台，软件开发者和没有编程经验的普通用户可以以极低的成本和门槛高效完成软件开发和创建的工作。开源版本的ChatDev已在GitHub上斩获17K Star。 ChatDev的功能特色 虚拟软件公司模拟现实世界运行，通过担任不同角色的各种智能体进行运营，包括首席执行官、首席产品官、首席技术官、程序员、代码评审员、测试员、美术设计师等模仿现实世界进行软件开发 赋能软件开发的全流程，从需求分析、界面设计，到代码编写、软件测试和应用发布 基于大型语言模型（LLM）的易于使用、高度可定制和可扩展的框架，是研究群体智能的理想场景 可进行任意类型的软件的编写和开发，如红包雨、计时器、贪吃蛇、吃豆人、单位转换器等各种类型的软件 如何使用ChatDev 访问ChatDev的官网（chatdev.modelbest.cn），登录或注册账号申请试用 申请成功后回到软件创建界面，填写项目名称和软件描述等项目设置 等待服务器响应项目生成，ChatDev的智能体会按照需求指令模拟现实世界软件公司的运行 软件生成后可直接下载和分享，若对结果不满意，也可以调整和修改 以上是SaaS版的使用步骤，若要自己部署和运行，请访问ChatDev的GitHub库查看快速开始的说明。 常见问题 ChatDev基于什么大模型？ 开源版的ChatDev调用的是OpenAI的GPT大模型的能力，开发者需要自己设置API Key，可以使用GPT-3.5，也可以使用GPT-4。 ChatDev支持Git版本控制吗？ 支持，ChatDev已推出Git模式，扮演程序员的智能体可以利用Git进行版本控制。 ChatDev是免费的吗？ ChatDev是免费开源的，开发者可以克隆GitHub库进行设置和本地运行，也可以访问面壁智能的网站申请使用SaaS版本。

v0.dev 是由知名前端网站托管平台 Vercel 推出的由 AI 自动生成网页用户界面的工具，基于流行的 UI 框架 Shadcn UI 和 Tailwind CSS 生成直接可用的 React 组件代码。 v0的工作原理 v0 使用 AI 模型根据简单的文本提示生成代码，输入并提交提示语后，会提供三个人工智能生成的用户界面选择。你可以选择一个并复制粘贴其代码，或进一步完善它。如果要进行优化，你也可以选择生成的 UI 的各个部分来微调。 v0 目前可以生成 React DOM 元素和 Shadcn UI 组件。后续正式发布后，Vercel 将添加对其他 UI 库的支持，可能包括 Svelte、Vue 或纯 HTML 等。 v0 目前处于内测阶段，供用户免费使用。如果你有兴趣尝试 v0，可以访问其官网加入等候名单。

Boxy 是知名在线前端代码编辑器「CodeSandbox」推出的AI编程助手，可帮助用户在优化代码、查找潜在代码错误或增强代码安全性，让你更快地编程将想法变为现实，但目前 Boxy 需要 CodeSandbox 的 Pro用户才可以使用。 Boxy的主要功能 直观的代码重构。无需定位特定代码，可以直接在应用预览中选择，然后让其重构其关联代码。Boxy会根据项目代码的上下文生成新代码。 基于上下文生成代码。告别手动复制粘贴，只需输入描述询问，Boxy便会根据你的需要和上下文生成确切的代码。 编写 Git 提交说明。编写提交消息有时可能是一项乏味的任务，Boxy可以通过分析特定分支的更改，主动建议提交消息，简化你的 Git 工作流程。 提供代码解释。如果你对特定的代码或文件有疑问，可以询问Boxy，它可以帮助你加深对代码的理解和见解。

Quest AI 可以将 Figma 设计稿或者手稿转换为 ReactJS 前端代码，帮助设计人员或开发人员比以往更快地构建全栈网站应用程序。Quest 支持构建任何 ReactJS 组件，可以构建单个组件并将其添加到现有的 React 应用程序中，也可以使用 Quest 构建整个应用程序。 Quest AI的主要功能 导出Figma设计，提供Figma插件将设计稿导出到Quest 同步代码到GitHub，将生成的代码推送到 GitHub 存储库，可以推送单个组件或整个应用程序 实时预览编好的组件，预览模式进行测试并查看代码的工作情况 响应式前端代码，按照需要放大或缩小组件，或者根据屏幕尺寸更改布局，无需编写任何代码 支持NextJS，开箱即用的 NextJS 支持，并且可以选择 JS 或 TS 导出代码 支持输入文本描述提示，AI自动生成对应的功能代码 如何使用Quest AI 访问Quest的官网，并登录/注册账号 登录成功后会进入到Quest的工作台，点击左上角的加号➕按钮 选择Figma、上传手稿截图、或者提供的模板 点击对应的元素或组件进行修改，并且可以在左下角输入描述，AI自动生成功能性代码 右上角可以点击Git的图标同步代码到GitHub，或者点击下载图标导出代码 Quest AI的产品价格 Quest AI提供不同的定价计划以满足不同的项目需求，初创企业和教育邮箱可获得80%折扣 Free免费版，适用于个人项目，支持20个组件、1个工作空间、1个App、3个团队成员 Pro付费版，月付版每人每月58美元（年付版49美元/月），支持无限个组件、1个工作空间、2个App每工作空间、无限团队成员 Business商业版，月付版每人每月93美元（年付版79美元/月），支持无限个组件、无限个工作空间、5个App每工作空间、无限团队成员

天工智码Skycode是基于昆仑万维与奇点智源研发昆仑天工模型的一款AI代码生成工具，支持各种主流编程语言，助力开发人员更快更好的编码。 天工智码Skycode可以直接集成到编辑器中，无缝衔接在开发环境，在键入代码的同时，智能高效补全代码，提升工作效率，节省开发时间。天工智码目前已经集成在了 Visual Studio Code 中，未来会支持更多平台和工具，如 Neovim、JetBrains IDE、Visual Studio 等。致力于为开发者解决琐碎的、重复性的代码工作，从而专注于更高价值的研发工作。

JamGPT是Bug报告工具Jam最新推出的AI Debug助手，JamGPT可帮助开发人员分析所有的Bug报告细节，在你开始阅读之前就找到相关原因和解决方案。 JamGPT的特色功能： AI驱动的Bug诊断：根据你现有的Bug报告，获得自动的源代码分析，以简化调试。 代码修复建议：根据您的基础设施获得代码更新，粘贴代码片段以获得分析和建议。 自适应的精确人工智能：我们的查询和学习算法随着时间的推移而改进，以获得更好的修复建议。 安全的代码审查：在整个调试过程中，确保代码库的隐私和安全。 集成的Jam报告：与Jam Chrome扩展一起工作使用，以提高您的错误报告工作流程。 跨团队协作：从人工智能中获得好的建议，并让你的团队在对话中检查。

aiXcoder致力于将人工智能技术应用于软件开发领域，帮助开发者快速、高效地完成软件开发任务。aiXcoder智能编程工具，能够在开发者编写代码时，自动推荐后续的代码片段，以提高编码效率和代码质量。 aiXcoder代码生成与补全提供以下服务： Token级代码生成与补全：基于本地服务，支持自动推荐单个或多个Token的代码 行级代码生成与补全：基于云端服务，支持自动生成或补全整行代码 方法级代码生成与补全：基于云端服务，支持根据自然语言功能描述以及上下文，生成或补全方法级代码 当前aiXcoder支持Java、Python、C#、C/C++、Go、JavaScript等语言，并支持IntelliJ IDE、PyCharm、Eclipse、VS Code等多种IDE。

AI SQL语句生成和修改

Imgcook（图像大厨）是由阿里巴巴-大淘宝技术-导购和营销产品团队推出的设计稿智能生成前端代码（D2C，Design to Code）的平台，专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。 Imgcook的主要功能 一键还原视觉稿 从视觉稿中还原生成代码需要将视觉稿中的数据导出到 imgcook 可视化编辑器中还原生成代码，支持两种方式： 第1种：打开 Sketch/PSD 文件，通过安装好的 imgcook 插件将设计稿中的图层信息导出，粘贴到可视化编辑器中。 第2种：在可视化编辑器中直接上传“导入” Sketch/PSD/图片文件，imgcook 会解析图层信息直接还原到编辑器中。 可视化编辑 在 imgcook 可视化编辑器中，用户可以对视图编辑，比如支持动态表达式样式、设置循环、修改布局。还可以编写逻辑代码、绑定字段等。 生成代码 官方有提供常用的 DSL（React/Vue/小程序 DSL等），点击下拉列表可切换使用其他 DSL。如果有特殊诉求，你也可以自定义 DSL。 代码确定后，可点击「导出」，你也可以使用 VS code imgcook 插件链路「导出」，此方式可以将整个模块代码文件生成到相应目录，直接继续使用 VS code 开发整个项目即可。导出后的代码到本地文件中，图片以相对路径的形式存放在 images 文件夹下。 Imgcook的应用场景 imgcook 目前支持各种场景的页面或模块的高度还原，您可以根据以下场景分类选择是否使用 imgcook。 移动端细粒度模块开发场景 - 特别推荐 移动端活动页 - 特别推荐 移动端全页面开发 - 推荐 PC 端 toC 应用 - 推荐 PC 端 toB 应用 PC 端富交互应用 - 不推荐 游戏场景 - 不推荐 如何使用imgcook插件？ 确保你已登录到 imgcook 帐户。 在 Figma 中，转到 Plugins 并选择 imgcook，你应该看到一个新的导出窗口。 选择任意文件图层组，然后点击“导出”。 imgcook 将弹出“导出成功，已复制到剪贴板！” 提示弹出层，然后单击“转到粘贴”进行还原。 imgcook将在新的浏览器选项卡中打开编辑器。 将其粘贴并恢复到“ ctr + v”编辑器中，然后另存为模块即可。 Imgcook是免费的吗？ Imgcook是完全免费的，用户可以使用其提供的Figma、Sketch、VSCode等插件来进行将设计稿免费转化为代码。

Deco 是京东推出的智能将设计稿一键生成多端代码（支持生成 Taro、React、Vue、HTML等）的工具， Deco 是 Design 和 Code 的两个词的合并，代表 Design To Code，即从设计稿生成代码。 Deco 利用人工智能，结合各类自动化、工程化等手段，将 Sketch、PS、图片类的设计稿转换生成还原度高、可维护强的代码，致力于突破业务生产力瓶颈，为前端大规模、高效率生产提供赋能。

知名在线编程IDE Replit推出的AI编程助手

AI代码实时分析

Locofy基于人工智能技术提供了一种将设计转换为代码的服务，Locoy.ai的目标是在不增加复杂性的情况下消除工程师的琐碎工作，即从前端代码开始自动化50%或更多的当前工作流程，使团队能够将他们的设计转换为代码和交互式、响应迅速的实时原型（在代码上运行），而无需编写一行代码。 Locofy.ai的功能： Figma设计稿转换成React代码 Figma设计稿转换成HTML/CSS代码 Figma设计稿转换成Next.js代码 Figma设计稿转换成React Native代码 Adobe XD设计稿转换成React代码 Adobe XD设计稿转换成HTML/CSS代码 Adobe XD设计稿转换成Next.js代码 Adobe XD设计稿转换成React Native代码

Fronty是世界上第一个由 AI 驱动的网页设计到源代码转换服务，智能将你的网页原型设计稿转换为HTML和CSS代码。该公司的愿望是创建一系列提供干净和可访问的代码、速度优化、W3C有效、可访问、SEO 友好、移动友好的网页设计工具。 Fronty基于人工智能技术，可以从图像、屏幕截图、设计或模型中生成干净的 HTML/CSS 代码。该AI图像到代码转换器具有以下优点： 干净的代码。无需手动编码，所有代码基于业界知名的前端框架，经过适当定制。 页面速度优化。所有最终代码都被缩小，图像已优化、呈现关键 CSS 和 CRP。 SEO友好。搜索引擎优化最佳实践遵循前谷歌搜索引擎优化专家的指导。 注释良好的代码。在不清楚的情况下维护别人的代码总是很糟糕的体验。Fronty生成的代码易于维护，有着良好的注释和说明。 语义化HTML。提供的代码遵循编写语义标记的最佳实践，还有自动生成的结构化数据支持。 可访问。ARIA标识的使用另该工具生成的网站易于访问。 SCSS 而不是 CSS。源代码基于强大的 SCSS，你可以使用变量、嵌套和许多其他 CSS 缺少的强大功能。 自定义 Bootstrap 主题。提供的代码基于世界上最流行的 UI 框架 Bootstrap。此外，Fronty还提供了一个强大的库。 移动平板电脑友好。Fronty生成的代码保证移动优先。 除此之外，Fronty还可以重做现有网站的前端并提供新的/更好的代码，并准确分析清理了多少代码以及优化了多少页面加载速度。用户还可以直接在 Fronty.com 上托管网站，这意味着用户只需要网站的设计，解析好域名后便可以直接使用 Fronty 创建和托管网站。

AI无代码软件开发

AI代码自动补全编程助手