产品信息
- 形态
- 网页应用
- 分类
- 设计与体验 › 界面设计工具
- 定价
- 免费增值
- 首发日期
- 2026年11月11日
- 收录时间
- 2026年11月11日
概览
Gesso 是一款基于 Web 的设计应用，通过一组 AI 智能体协作生成完整、可直接投产的产品用户界面。用户只需描述要构建的内容，系统便会返回真实页面、统一的设计系统以及一致的视觉细节。
工作原理
Gesso 采用多智能体工作流：一个智能体负责制定方案，一个确定创意方向，一个搭建页面，还有一个在交付前评估输出是否达到质量标准。这种方式旨在避免生成式 UI 常见的问题，例如字体不匹配或布局不一致。
编辑与自定义
用户可以点击组件，在原位从备选设计中挑选替换，也可以手绘期望的页面布局让系统实现。平台还会学习用户偏好：每一次采纳或拒绝都会训练个人画像，使后续页面更贴合用户的审美。
Anti-Slop Guard
为保持一致性，Gesso 应用了一套由 73 条可执行规则组成的开源规则守卫。这些规则会对照动态规范检查每个生成的页面，在用户看到之前拦截 AI 生成 UI 的常见瑕疵。
代码导出与 MCP 集成
设计成果不是静态图片。Gesso 将页面导出为 HTML 和 CSS，并附带 design tokens 和一个记录设计决策的 design.md 文件。托管的 MCP 服务器允许 Claude Code、Cursor 或 Codex 等工具中的编码智能体生成设计方案、将页面和 token 直接导出到代码仓库，并执行评审。
价格与套餐
Gesso 采用积分制：一套完整设计消耗 10 积分，一次编辑仅消耗不到 1 积分。套餐包括：
- Free：$0/月，60 积分（约 6–8 套设计），同时只能进行一项设计，支持 Quality 和 Standard 模式。
- Pro：$20/月（按年计费 $16.67/月），120 积分，更快队列，可选模型，积分结转。
- Ultra：$100/月（按年计费 $83.33/月），400 积分，最快队列，可选模型，积分结转。
- Teams：共享工作区、实时协作画布、管理员/成员角色。需预约演示。
Gesso 目前处于测试阶段，面向希望获得有意图的设计输出、且无需传统交接流程的开发者、创始人和设计师开放。
功能特性
- 多智能体工作流：由不同智能体分别负责规划、定调、搭建页面和质量评估。
- 原位编辑：点击组件即可替换设计，或手绘页面布局让系统实现。
- 个人审美画像：通过采纳或拒绝设计，训练每位用户专属的偏好画像。
- Anti-Slop Guard：73 条开源规则对照规范检查每个页面，捕捉 UI 不一致问题。
- 代码导出：将页面输出为 HTML、CSS、design tokens 及 design.md 文件。
- MCP 服务器集成：通过托管 MCP 服务器连接 Claude Code、Cursor 或 Codex 中的编码智能体。
- 积分制：一套完整设计消耗 10 积分；一次编辑仅需不到 1 积分。
- 并排画布：在画布上生成不同设计方向，而非线性对话流。
- 实时协作：Teams 套餐允许多位用户在同一画布上同时设计。
版本更新
新版本提醒我
首个版本 · GessoQ&A
- Gesso 是什么？由 AI 生成
- Gesso 是面向开发者的 AI 创意团队。用户描述要构建的产品，它就能设计出完整、可直接投产的产品 UI，包括真实页面和统一的设计系统。
- Gesso 与其他 AI 设计工具有何不同？由 AI 生成
- 大多数生成的 UI 容易出现字体不匹配、边框随意等不一致问题。Gesso 的智能体会依据动态设计规范进行设计，确保所有页面的视觉语言保持一致。
- Gesso 适合谁使用？由 AI 生成
- 适合发布产品的开发者、创始人和设计师，他们希望获得有意图的设计而无需交接流程。输出结果是可供编码智能体使用的真实 HTML 和 CSS。
- 这与让聊天助手做设计有什么区别？由 AI 生成
- 聊天是线性的，只能在一条对话中迭代单个产物。Gesso 会在画布上并排生成真正不同的设计方向，让用户在真实选项之间做出选择。
- 我的编码智能体能使用 Gesso 吗？由 AI 生成
- 可以，所有套餐均支持。将托管 MCP 服务器接入 Claude Code、Cursor 或 Codex 后，智能体即可生成设计方案、将页面和 token 导出到代码仓库，并执行评审。
- 费用是多少？由 AI 生成
- Gesso 采用积分制。一套完整设计需 10 积分。免费账户每月 60 积分。Pro 套餐 $20/月，含 120 积分。Ultra 套餐 $100/月，含 400 积分。
- 什么是 anti-slop guard？由 AI 生成
- 它是一组包含 73 条可执行规则的集合，用于识别生成式 UI 的典型痕迹，例如被渐变裁切的标题或未选用的强调色。它会对每个页面运行，并以 MIT 协议开源。
- 设计如何进入我的代码库？由 AI 生成
- 以文件形式：页面导出为 HTML 和 CSS，附带 design tokens 和记录决策的 design.md。通过 MCP，智能体可直接将其拉入仓库；否则导出的代码也可粘贴到任何编码智能体中。
- 如何试用 Gesso？由 AI 生成
- Gesso 目前处于测试阶段，向所有人开放。用户可以立即开始创建第一个设计需求。
收藏
这个产品还没有主理人
由平台收录或原作者已注销。如果它是你的作品，证明与它的关系后即可成为主理人。
认领这个产品同类产品
本页产品内容由 AI 翻译自作者的原文。