【工具】设计-开发-测试的AIGC产品清单梳理
Oct 19, 2025工具AI
“设计”-“开发”-“测试”的AIGC产品清单梳理
设计类(Design)
从构思 → sitemap/wireframe → 视觉 → 导出/交付
工具(你清单) | 官方链接 / 参考 | 核心能力 / 特征(一句话) | 适用场景 | 优点 | 局限 / 备注 |
---|---|---|---|---|---|
Relume | https://www.relume.io/ (Relume) | Prompt → 自动生成 sitemap、wireframes、style guide;可导出至 Webflow / Figma / soon React。 | 营销页、小型官网、从概念到 Webflow 的快速管道 | 流程化清晰、与 Webflow/Figma 集成良好。 | 对复杂产品级 UI 需人工深加工。 |
Modulify | https://www.modulify.ai/ (Modulify) | 为 Webflow 优化:从 idea → 快速生成 Webflow 输出(sitemap → wireframes → 导出)。 | Webflow 用户、代理商、Landing page 快速交付 | 针对 Webflow 优化,速度快。 | 紧耦合 Webflow;非 Webflow 场景受限。 |
Stitch(Google Labs) | https://stitch.withgoogle.com/ (Stitch) | Google Labs 实验性产品:prompt/参考图 → 生成 UI 设计 + 可导出前端代码 → Figma。由 Gemini(Google)驱动。 | 快速将草图/提示转为可运行界面,适合试验与原型 | 与 Gemini/Google 生态整合,能直接导出代码 | 仍为实验/逐步开放,语言与访问权限可能有限。 |
Uizard | https://uizard.io/ (Uizard) | Text-to-UI、多屏 Autodesigner、截图/手绘转可编辑 mockup,支持导出代码片段。 | 产品/UX 团队快速原型与多屏方案 | 非设计师也能快速生成原型;协作友好 | 高保真与复杂交互仍需人工设计调整。 |
Adobe Firefly(视觉素材) | https://www.adobe.com/sensei/firefly.html | 文本→图像,生成插画/背景/资产,适合视觉素材创作。 | 营销图、插画、背景素材 | 强大的视觉生成与 Adobe 生态整合。 | 不是 UI 全流程工具,偏视觉素材。 |
Canva AI(视觉/营销) | https://www.canva.com/ | 快速生成营销图与模板化视觉资产 | 社媒图、营销材料快速出图 | 易用、模板多 | 非专业 UI 设计器,侧重图片/营销素材。 |
开发类(Development)
分成 4 个子类(低代码/可视化;IDE 插件;集成 IDE / Web 平台;CLI / 脚本化)
低代码 / 可视化 平台(Low-code / No-code)
工具(你列) | 链接 / 参考 | 核心能力 | 适用场景 | 优点 | 备注 |
---|---|---|---|---|---|
Webflow | https://webflow.com/ai-site-builder (Webflow) | 可视化拖拽 + AI Site Builder(从 prompt 生成网站、样式指南),可发布生产网站 | 内容型/营销网站、设计师主导的站点 | 生产就绪输出、强 CMS 功能 | 企业版/高级功能付费。 |
Create.xyz | https://www.create.xyz/ (Anything - AI app builder) | “语义化生成”平台:自然语言→组件/页面/工具,支持多模型接入 | 无代码/快速生成全栈原型 | 可接入多模型、灵活 | 需评估输出代码质量与可维护性。 |
OutSystems | https://www.outsystems.com/low-code-platform/ (outsystems.com) | 企业级 AI-驱动低代码平台:可视化构建 + AI 助手(例如 Agent Workbench)支持从 idea → 应用/agent。 (outsystems.com) | 大型企业希望用低代码快速构建可扩展、可治理的业务应用/agent | 扩展性强、治理完善、AI 嵌入深 | 成本较高、学习曲线、适合企业级 |
Mendix | https://www.mendix.com/platform/ai/ (Mendix) | 将生成式 AI 嵌入低代码平台 (“Maia”助手);从拖拽视图 → 智能应用;支持多云部署。 (Mendix) | 希望将 AI 功能(预测、对话、智能流程)融入低代码应用的企业/中型团队 | 低代码门槛低、AI 辅助明显 | 对非常定制化或高复杂度场景可能会受限 |
Appsmith | https://www.appsmith.com/blog/top-low-code-ai-platforms (appsmith.com) | 开源低代码平台,支持拖拽控件 + 集成 LLM/AI 模块,构建仪表盘/业务工具/智能应用。 | 技术团队需要快速构建内部工具/业务仪表板 + 想用 AI 增强功能 | 开源、灵活、适合技术型团队 | 社区/生态或许不如大型商业平台;商业支持可能有限 |
Appian | https://appian.com/blog/acp/process-automation/generative-ai-low-code-use-cases (kovaion.com) | 业务流程+低代码平台,将生成式 AI 用于流程自动化、文档处理、决策规则。 | 注重流程自动化、大量业务流程场景的团队 | 专攻流程自动化 + AI 融合 | 若只是做简单 UI/前端应用可能“过重” |
Google AppSheet | (参考 “Top 10 AI-Powered Low-Code Platforms”文章中提及) (kovaion.com) | Google 的无/低代码平台,支持数据驱动应用 + AI 辅助(例如模型/预测功能) | 数据密集型应用、希望快速由业务人员搭建 app 的场景 | 强 Google 生态、数据+AI支持好 | 对高度定制化开发或复杂逻辑可能不如传统开发灵活 |
网易数帆 CodeWave | https://codewave.163.com | 自研 NASL 语言 + AIGC:自然语言生成前后端逻辑、D2C 设计稿一键转页面、AI 测试机器人自动回归 | 金融、政务、中大型企业的复杂业务系统(台账、结算、绩效、运营活动管理) | 一套语言覆盖前后端,多人协作无冲突;已在内网支撑 1000+ 网易工程师,生成代码占比 15 %;提供私有化及国密算法合规版本 | 2025 版已开放公测,个人可免费注册;复杂 UI 动画、游戏场景暂非主打 |
IDE 插件 / Coding(以“在 IDE 内工作”为主)
工具 | 链接 / 参考 | 核心能力 | 适用场景 | 优点 | 备注 |
---|---|---|---|---|---|
Cline | https://cline.bot/ + docs https://docs.cline.bot/ (Cline) | 开源 agent-style 编码代理:project-level planning, execute in terminal, MCP 支持,隐私与合规导向 | 企业、需要本地化与合规的团队 | 开源、可审计、支持 BYOM/BYOK | 学习曲线;适合中大型团队。 |
Roo Code(Roo-Cline) | https://roocode.com/ + GitHub (Roo Code) | 从自然语言生成代码、重构、debug,多模式(Code/Architect/Debug) | 快速原型、重构 | 多模式支持、Agent loop | 市场上有多个 fork/变体(Roo Cline),注意版本差异。 |
Continue.dev | https://continue.dev/ + docs https://docs.continue.dev/ (Continue) | 开源 IDE 插件 + CLI:本地/云端模型、RAG、可定制 agents、CI 集成 | 希望把 AI 集成到 IDE/CI 的团队 | 开源、灵活、支持多模型 | 需要配置与规则定义。 |
Codeium | https://codeium.com/ + 资料 (Medium) | 低延迟自动补全,支持 70+ 语言与大量编辑器 | 个人/团队提速编码 | 免费/友好定价、广泛集成 | 对高度定制化需求受限(但企业版可扩展) |
Supermaven | https://supermaven.com/ (Supermaven) | 超长上下文窗口(百万 token),低延迟补全 + chat,支持 VSCode/JetBrains/Neovim | 大型代码库、需要长上下文的项目 | 长上下文优势、速度 | 新兴产品,需评估稳定性/生态。 |
Qodo(原 Codium) | https://qodo.ai/ (Qodo) | 企业级代码质量与 agent 平台:自动测试、审查、PR 描述、代码修复建议 | 企业代码审查 & CI 流程 | 着重质量、合规 | 企业导向,付费/私有化支持。 |
Aider | https://aider.chat/ | CLI 起家,社区维护的 IDE 扩展,支持边聊边改、自动 commit | 喜欢命令行与本地工作流的开发者 | 本地化好、开源生态 | 需结合 GitHub/社区版本(具体站点可能分散) |
Amazon Q Developer(AWS) | https://aws.amazon.com/q/developer/ (Webflow) | AWS 官方的 AI coding assistant(IDE/CLI):生成、审查、测试、资源创建(CDK/CloudFormation) | AWS 云原生团队、DevOps 集成 | 深度 AWS 集成、企业级 | 对非 AWS 场景的价值需评估。 |
集成 IDE / 系统 平台(Integrated IDEs / Web-platform IDEs / “vibe coding”)
工具 | 链接 / 参考 | 核心能力 | 适用场景 | 优点 | 备注 |
---|---|---|---|---|---|
Cursor | https://cursor.com | Agent-first IDE:低延迟补全、上下文感知、支持 Bring-Your-Own-Model(Claude-3.5-Sonnet / GPT-4o 等) | 个人高效 vibe-coding、小型协作项目 | 人气高、体验流畅、插件生态成熟;企业版已上线 SSO、私有知识库 | 国内网络需科学上网;团队功能仍在快速迭代 |
Windsurf | https://windsurf.com | 多 Agent 协作、长上下文 Session、实时共享看板 & Code Review | 团队流式协作、Agent 驱动开发 | 强调“flow”与 Agent 协作;可按 Agent-Seat 计费 | 2024 Q4 起商业化,暂无中文界面;需评估团队规模适配 |
Argument(Augment Code) | https://www.augmentcode.com | AI 原生代码补全与重构:基于专有大模型,支持整库语义理解、跨文件重构、自动生成单元测试 | 大型代码库维护、遗留系统重构、企业级开发 | 对 1 M+ 行代码项目仍保持毫秒级补全;可私有化部署,符合 SOX/ISO 合规 | 2025.3 发布正式版;目前仅支持 VS Code 与 JetBrains 插件形式;中文支持有限 |
Kiro | https://kiro.dev | 设计图→组件代码:Figma 插件一键生成 React + Tailwind / Vue + UnoCSS 组件,自动识别设计 token 并建立主题系统 | 设计师与前端协作、品牌官网、营销页快速落地 | 生成代码支持 Storybook 自动文档;保持像素级还原,支持深色模式自动推导 | 免费版每月 50 次导出;Pro 12 $/月解锁私有组件库与本地变量命名映射 |
CodeBuddy | https://codebuddy.ai | 浏览器插件:20+ 语言解释、单测生成、逐行 Debug | 阅读源码、刷题、Code Review | 即装即用,支持 GitHub & GitLab 文件页注入 | 免费版 50 次/日;Pro 20 $/月解锁 GPT-4 |
Trae | https://trae.ai | 国产 Agent IDE:需求→原型→代码一键生成,中文原生 | 中文独立开发者、MVP 快速验证 | 原生中文、集成飞书/钉钉一键部署 | 2025.2 公测,仅支持 Web/小程序技术栈 |
Qoder | https://qoder.ai | Chat-to-App:自然语言直接生成可部署 Web 应用(Next.js + Supabase) | 0-1 原型、Landing Page、内部工具 | 生成结果直接托管在 Vercel,可自定义域名 | 免费 10 次/月;付费 19 $/月起 |
Lovable | https://lovable.dev | 提示词→全栈应用(React+Node+Postgres)可一键导出 GitHub | 非技术创始人、Designer-maker | 被黄仁勋点名“vibe-coding”代表;支持 Figma 导入 | 2025.9 获 a16z A 轮;导出代码可继续本地开发 |
Bolt | https://bolt.new | 浏览器内「StackBlitz + AI」:一句话创建、运行、部署全栈项目 | 教程写作、Demo 分享、面试现场编码 | 基于 WebContainers,零本地依赖;支持 Vite/Next/Nuxt/SvelteKit | 免费版可公开分享;付费 9 $/月起解锁私有仓库 |
v0 | https://v0.app | Vercel 出品:文本→React+Tailwind 组件,可迭代细化 | 前端组件、营销页、Portfolio | 与 Vercel 生态深度集成,一键部署到生产 | 按生成 Token 计费,约 1k 组件≈1 $;支持 Figma/Sketch 导入 |
Retool | https://retool.com | 低代码:内部工具构建平台,可接入数据库/API/LLM,支持企业级部署 | 内部运维/业务工具快速搭建 | 对接丰富、企业友好 | 需学习曲线用于复杂逻辑 |
Replit | https://replit.com | 在线 IDE + AI Agent(vibe-coding)快速原型与协作 | 教育、Hackathon、快速原型 | 零配置、在线协作强 | 复杂企业级应用需评估部署方式 |
Framer | https://www.framer.com | 设计→发布平台,支持 AI 生成页面与交互导出 React 组件 | 交互性页面 / 产品演示 | 设计与输出结合紧密 | 不等同完整后端平台 |
Devin | https://devin.ai | 号称研发全流程的 Agent(长程任务、自主调测) | 研究性展示、长程任务 | Cognition 官方候补体验;API 已开放申请 | 实际体验更接近「高级自动脚本」,尚不能完全替代人类工程师 |
Coder | https://coder.com | 云端 VS Code / JetBrains 远程开发环境(Dev Container 标准) | 企业统一开发环境、GPU 机远程开发 | 开源版可自建;支持 JetBrains Gateway | AI 能力靠插件自行接入 |
Clacky | https://clacky.ai | 国产 Agent IDE:需求→原型→代码一键生成,中文原生 | 中文独立开发者、MVP 快速验证 | 原生中文、集成飞书/钉钉一键部署 | 2025.2 公测,仅支持 Web/小程序技术栈 |
weavefox | https://weavefox.alipay.com | 蚂蚁「设计图→代码」:基于百灵多模态大模型,1:1 还原生成 React/Vue/小程序代码,支持二次微调 | 中后台、H5、小程序快速原型;大促活动页复用 | 蚂蚁内部 3 年打磨,已支撑双 11 活动页;支持 Figma/Sketch/截图/手绘草图输入;生成代码符合 Airbnb/Google 规范 | 目前需企业邮箱申请;免费 30 天试用;游戏/复杂动画/文本编辑器类暂不适用 |
百度秒哒 | https://www.miaoda.cn | 一句话生成「H5/小程序/PC」三端页面,可接入百度统计/支付/地图 | 营销落地页、门店预约、轻商城 | 国内线路流畅、备案一键完成 | 免费版带百度水印;付费 99 元/月起去水印并解锁私有部署包 |
CLI / 脚本化工具(Command Line / Automation)
工具 | 链接 / 参考 | 核心能力 | 适用场景 | 备注 |
---|---|---|---|---|
Claude Code(Anthropic) | https://claude.com/product/claude-code | 基于 Claude 的代码生成/CLI 工具 | 脚本化/自动化代码生成 | 若需要我可检索 Anthropic 的具体 CLI 文档并补链接。 |
Codex(OpenAI) | https://openai.com/zh-Hans-CN/codex/ | 代码生成引擎(早期专用于 code generation) | 自动化、研究、插件 | Codex 已经在 OpenAI 的新模型生态里整合,单独产品形态弱化。 |
Gemini CLI | https://geminicli.com/ | Google 的模型脚本化接入(若存在 CLI) | 自动化开发/脚本化 Agent | 我可进一步检索“Gemini CLI”示例与官方 docs。 |
Cursor CLI | https://cursor.com/cn/cli | 将 Cursor 的 agent/索引脚本化以复用 RAG 和上下文 | 高级自动化/可重复化 Agent 任务 | 需补具体 CLI 文档链接(我可以补)。 |
Roo Code CLI(Roo-Cline CLI) | Roo Code / Roo Cline GitHub 与 docs (GitHub) | 继承 Cline 的 agent loop,支持 Shell/Plan/Edit/Submit 流程 | 将 agent 放到 CI / 自动化脚本里 | 有 GitHub 社区版本。 |
Amazon Q Developer CLI | AWS 官方文档(Amazon Q Developer) (Webflow) | 深度集成 CloudShell/CDK/CloudFormation 的自然语言命令行 | AWS 资源自动化 / infra as code | AWS 原生支持,适合云原生团队。 |
CodeBuddy CLI | https://copilot.tencent.com/cli/ | 脚本化 Agent / 本地模型运行支持 | 本地化 / 自动化任务 | 腾讯云CodeBuddy系列 |
Qwen Code-CLI | https://qwenlm.github.io/qwen-code-docs/ | 脚本化 Agent / 本地模型运行支持 | 本地化 / 自动化任务 | 阿里Qwen系列。 |
Aider CLI | https://aider.chat/ | 脚本化 Agent / 本地模型运行支持 | 本地化 / 自动化任务 | Python技术栈 |
测试类 / QA / 验证类(Testing / QA)
端到端/回归测试自动化平台
工具 | 链接 | 核心能力 | 适用场景 | 优缺点 |
---|---|---|---|---|
mabl | https://www.mabl.com/ai-test-automation (mabl.com) | 从测试创建、执行、维护全生命周期注入 AI;智能断言、可视校验、自动修复 (“self-healing”) 测试。 (mabl.com) | Web + mobile 应用、需要高覆盖率/频繁发布的团队 | 优:生命周期覆盖、AI 功能强;缺:可能成本较高、学习曲线存在。 |
Functionize | https://www.functionize.com/ (functionize.com) | 利用 “agentic AI” 构建 → 运行 → 自愈测试,识别元素准确率高(99.97% 式) (functionize.com) | 企业级应用,复杂 UI、跨浏览器/设备场景 | 优:识别率高、自动化程度强;缺:针对大型企业,可能成本/配置投入大。 |
Leapwork | https://www.leapwork.com/ (leapwork.com) | 无代码测试自动化平台,支持跨 Web/Mobile/Desktop/API 及 AI 应用验证,云或本地部署。 (leapwork.com) | 企业级、需要覆盖多平台且少代码团队 | 优:平台覆盖广、可用于 AI 应用验证;缺:可能在定制化场景仍需脚本支持。 |
功能/视觉/跨浏览器测试工具
工具 | 链接 | 核心能力 | 适用场景 | 优缺点 |
---|---|---|---|---|
Applitools | https://applitools.com/ (applitools.com) | 视觉 AI 驱动的端到端测试平台:不仅功能正确,还 “看起来” 正确(视觉校验 +跨设备/浏览器) | UI 密集、跨设备/多屏幕项目 | 优:视觉校验强、浏览器/设备覆盖好;缺:对非 UI 项目价值较低。 |
Testim | https://www.testim.io/ (testim.io) | ML/AI 驱动 “稳定定位器” 技术,减少 UI 测试中的 flaky tests(不稳定性) | Web 应用、UI 频繁变动的场景 | 优:降低测试维护成本;缺:在更底层/服务层测试中不如专用工具强。 |
无代码/低代码测试工具
工具 | 链接 | 核心能力 | 适用场景 | 优缺点 |
---|---|---|---|---|
ACCELQ | https://www.accelq.com/ (ACCELQ) | 生成测试步骤、逻辑构建、自动生成测试用例、支持自主修复测试流。 (ACCELQ) | 业务侧QA、低代码团队希望快速生成测试 | 优:非技术人员也能使用;缺:复杂逻辑场景或脚本细节可能不足。 |
testRigor | https://testrigor.com/ (testrigor.com) | 允许用英文自然语言编写测试脚本,生成自动化测试;减少 QA 开发依赖。 (testrigor.com) | 想用自然语言表达测试逻辑的团队 | 优:易用门槛低;缺:对于非常复杂或定制化测试场景灵活性或许有限。 |
单元/代码级自动测试工具
工具 | 链接 / 参考 | 核心能力 | 适用场景 | 优缺点 |
---|---|---|---|---|
Diffblue Cover | https://en.wikipedia.org/wiki/Diffblue (维基百科) | 自动为 Java 代码生成单元测试(AI 驱动),减少开发者手写测试。 | Java 后端、需提高单元测试覆盖率的项目 | 优:自动生成测试、提升覆盖;缺:主要限于 Java 环境。 |
部分开源链接集合:
Author
My name is Micheal Wayne and this is my blog.
I am a front-end software engineer.
Contact: michealwayne@163.com