AIDesigner

一站式 AI 设计平台，用提示词生成网站、应用界面与品牌资产

一站式 AI 设计平台，用提示词生成网站、应用界面与品牌资产

产品定位

AIDesigner 同时提供网页设计界面与面向开发者的 MCP、REST API 集成：用户可以在网页中通过提示词生成和迭代设计，编码智能体也可以通过 MCP 创建设计并连接实时编辑器会话。官方文档列出 Claude Code、Codex、Cursor 和 VS Code/Copilot 等 MCP 使用环境；需要更多生成量、更高质量输出、发布或高级工作流时需升级付费。

适合用户

  • 创始人
  • 开发者
  • 产品团队
  • 营销人员
  • 创作者

功能亮点

  • 网站与产品 UI 生成

    通过自然语言提示生成落地页、SaaS 仪表盘、电商页面和产品界面等可发布网站设计。

  • 移动应用界面生成

    从简单提示词创建引导流程、产品页面、购物流程、金融仪表盘等移动应用 UI。

  • 品牌与营销资产生成

    构建品牌套件、Logo 概念、图像、广告、信息图和跨渠道一致的可复用品牌资产。

  • 可编辑设计迭代

    对生成的设计进行区块编辑、文案改写、图像替换和变体探索。

  • 品牌上下文记忆

    设计智能体记住品牌套件、参考、颜色、Logo 和资产，使后续输出保持品牌一致。

使用步骤

提示词生成设计

  1. 用自然语言描述想要的设计（如“咖啡品牌落地页”）
  2. AIDesigner 生成设计
  3. 通过后续提示词、直接编辑或应用品牌套件进行优化

MCP 服务器安装与连接

  1. 在项目根目录运行 npx -y @aidesigner/agent-skills init
  2. 在 MCP 客户端中连接 aidesigner 服务器并完成 OAuth 浏览器登录
  3. 直接向智能体提示生成设计，如“Use AIDesigner to generate a pricing page”

智能体配对编辑器会话

  1. 在 AIDesigner 编辑器中建立会话
  2. 将编码智能体与当前编辑器会话配对
  3. 让智能体生成设计并实时流式显示到画布

品牌套件创建与应用

  1. 生成多组品牌方向
  2. 从选定方向创建品牌套件
  3. 在后续设计中复用品牌系统

适用场景

快速生成落地页与网站设计

创始人、营销人员

创始人或营销人员用提示词生成可发布的落地页、SaaS 仪表盘和电商页面。

移动应用界面设计

产品团队

产品团队从提示词生成引导流程、购物流程和金融仪表盘等移动应用 UI。

品牌套件与 Logo 设计

创始人、营销人员

为初创品牌生成 Logo 概念、品牌套件和跨渠道一致的营销资产。

编码智能体集成设计能力

开发者

开发者通过 MCP 让 Claude Code、Cursor 等编码智能体读取和生成设计，加速生产工作。

访问与价格

可用状态: 当前可用

价格信息: 免费增值

支持平台: API, Web

价格说明: 新用户获得免费额度，无需信用卡即可生成网站设计、应用界面、Logo 和图像；需要更多生成量、更高质量输出、发布或高级工作流时升级付费（价格核实于 2026 年 9 月 1 日）。MCP 采用额度计费，如网站分析消耗 1 个额度。

免费额度: 新用户免费获得可用于生成网站设计、应用界面、Logo 和图像的额度，无需信用卡（价格核实于 2026 年 9 月 1 日）。

官方入口

来源核验

资料核验于 2026-09-01