# getdesign

根据 OpenAITools.app 于 2026-11-11 核对的流量数据，getdesign（getdesign.app）是一个收录在 AI 设计助手下的 AI 平台，月访问量为 814，月度环比流量变化为 -326（-28.6%）。其主要地理市场为巴西（51.5% 流量份额），采用免费定价模式。按月流量计算的主要竞争替代方案包括 UX Magic（10.01万次访问/月），Components AI（8516 次访问/月），Magic Patterns（19.36万次访问/月）。

把任意网站的设计系统提取成 design.md，供你或你的编程 Agent 使用

## 关键遥测与规格

| 指标 | 数值 |
| :--- | :--- |
| 工具名称 | getdesign |
| 标识 | getdesign |
| Status | active |
| Origin | independent |
| Maintenance | active |
| 官方域名 | getdesign.app |
| 官网地址 | https://www.getdesign.app |
| 分类 | AI 设计助手, AI UX Design, AI Developer Tools, AI 网页抓取 |
| 定价模式 | 免费 |
| 月访问量 | 814 |
| 月度环比流量变化 | -326 |
| 月度环比增长率 | -28.6% |
| 主要市场 | 巴西 |
| 市场份额 | 51.5% |
| 直接访问量 | 322 |
| 自然搜索访问 | — |
| 社交访问 | — |
| 推荐访问 | 73 |
| 邮件访问 | 23 |
| 评价得分 | 4.1 |
| 收藏数 | 0 |
| 支持平台 | 网站 |
| 计费平台 |  |
| 属性 | 定价: 免费; 功能: 网站 |
| 标签 | 设计系统提取工具, 网站设计分析, 设计令牌, design.md, 样式指南生成器, 配色提取工具, 字体排版提取工具, 组件提取工具, CSS 分析, 网页截图工具, AI 设计智能体, 品牌令牌提取, UI 逆向分析, 设计文档, 前端开发, 编码智能体工具, Claude Code 技能, Cursor 技能, Codex 技能, 网站分析工具, 真实浏览器自动化, 设计系统文档, API, CLI, TypeScript SDK |

## 概览

getdesign 解决了设计师与开发者常见的一个难题：把现有网站转化为可复用的设计参考。你不必再手动检查网站 CSS、猜测颜色数值、逐一记录字体与间距，只要把 getdesign 指向一个公开 URL 即可。该工具会在真实浏览器中打开页面、截取渲染结果，并读取底层 CSS 变量，生成一份描述该网站设计系统的结构化文档。

输出是一个 design.md 文件，涵盖配色、字体、间距、组件等约九个部分，可下载并作为动态风格指南保存。由于它会抓取渲染后的页面，视觉运行还会在 Markdown 之外附带截图，让编程 Agent 在构建新界面时同时获得文字与视觉上下文。

getdesign 目前处于 Beta 阶段，覆盖五种使用形态：网页仪表盘、HTTP API、CLI、TypeScript SDK，以及可在 Claude Code、Codex 或 Cursor 中借助 Agent 自身工具运行的便携 Skill。V1 没有 getdesign 订阅——你自带 Daytona 密钥用于真实浏览器抓取，自带 OpenAI 密钥用于模型处理，因此只需按用量向这些服务商付费。

## 定价与套餐

V1（公开测试版）免费使用。没有 getdesign 运行计费——你通过 WorkOS 登录并自带 Daytona 与 OpenAI API 密钥，直接向这两个服务商支付浏览器抓取与模型使用费用。

## 关键功能与能力

- **网站设计提取:** 在真实浏览器中打开任意公开 URL，读取其 CSS，获得该设计系统的结构化描述。
- **design.md 输出:** 获得可下载的 Markdown 文档（约九个部分），涵盖配色、字体、间距与组件。
- **附带截图:** 视觉运行会在 Markdown 之外附带截图，让 Agent 同时获得文字与视觉上下文。
- **五种形态，同一核心:** 可通过网页仪表盘、HTTP API、CLI、TypeScript SDK，或 Claude Code、Codex、Cursor 中的便携 Skill 使用。
- **为编程 Agent 而生:** 把生成的 design.md 与截图作为上下文交给编程 Agent，用于构建新界面。

## 主要用例

- **从现有网站生成风格指南 (前端开发者):** 把参考网站逆向工程为 design.md，作为新项目构建的基础复用。
- **提取设计令牌 (设计工程师):** 从线上站点提取颜色、字体与间距令牌，形成有文档、可共享的格式。
- **给 Agent 提供设计上下文 (AI 编程 Agent 用户):** 安装 Skill 或把 design.md 分享给 Claude Code、Codex 或 Cursor，使生成的 UI 与源设计一致。
- **记录竞品界面 (产品团队):** 发布私密运行结果，与团队共享参考产品的结构化设计拆解。

## 优势

- 把任意 URL 快速转成结构化设计文档
- 覆盖网页、API、CLI、SDK 与编程 Agent Skill
- 包含截图以及基于 CSS 的令牌
- 免费 Beta，无 getdesign 计费——自带密钥

## 局限

- 处于 Beta 阶段，功能可能快速变化
- 执行提取需要自带 Daytona 与 OpenAI 密钥
- 提取质量取决于目标网站的 CSS 结构

## 常见问题

### getdesign 是什么？
getdesign 能从公开网站提取设计系统。它读取站点 CSS、抓取渲染页面，并把颜色、字体、间距与组件写入 design.md 文件。

### design.md 文件是什么？
design.md 是描述网站设计系统的 Markdown 文档。你可以当作风格指南阅读，或在构建界面时交给编程 Agent 作为上下文。

### 如何提取网站的颜色和字体？
在 Account 中保存 Daytona 与 OpenAI 密钥，把公开网站 URL 粘贴到仪表盘，getdesign 便会读取 CSS 令牌、抓取页面并生成可下载的设计文档。

### 有付费档位吗？
V1 没有 getdesign 运行计费。你直接向 Daytona 支付浏览器抓取费用、向 OpenAI 支付模型使用费用；仪表盘使用 WorkOS 登录。

### getdesign 的月流量和增长趋势如何？
getdesign 目前每月获得 814 访问量，月度环比流量变化为 -326（增长率 -28.6%）。其主要来源市场是巴西（51.5% 份额），包括每月 322 次直接访问和每月 — 次自然搜索访问。

### getdesign 免费吗？它的定价模式是什么？
getdesign 采用免费定价模式。V1（公开测试版）免费使用。没有 getdesign 运行计费——你通过 WorkOS 登录并自带 Daytona 与 OpenAI API 密钥，直接向这两个服务商支付浏览器抓取与模型使用费用。支持的计费和结账平台包括：未列出。

### 2026 年 getdesign 的最佳替代方案有哪些？
基于 OpenAITools.app 的分类流量和功能契合度，getdesign 的前五个替代方案是：1. UX Magic（10.01万次访问/月）; 2. Components AI（8516 次访问/月）; 3. Magic Patterns（19.36万次访问/月）; 4. Refero Design（114.76万次访问/月）; 5. UX Pilot（53.8万次访问/月）。

### getdesign 支持哪些平台和核心 AI 能力？
getdesign 被归类在 AI 设计助手, AI UX Design, AI Developer Tools, AI 网页抓取下，支持以下平台：网站，其核心能力标签包括：设计系统提取工具, 网站设计分析, 设计令牌, design.md, 样式指南生成器, 配色提取工具。

## 替代工具

| 工具名称 | 月访问量 | 定价模式 | 对比 |
| :--- | :--- | :--- | :--- |
| [UX Magic](https://openaitools.app/zh/tool/ux-magic) | 100,135 | 免费增值 | [对比](https://openaitools.app/zh/compare/getdesign-vs-ux-magic) |
| [Components AI](https://openaitools.app/zh/tool/components-ai) | 8,516 | 免费 | [对比](https://openaitools.app/zh/compare/components-ai-vs-getdesign) |
| [Magic Patterns](https://openaitools.app/zh/tool/magic-patterns) | 193,614 | 免费增值 | [对比](https://openaitools.app/zh/compare/getdesign-vs-magic-patterns) |
| [Refero Design](https://openaitools.app/zh/tool/refero-design) | 1,147,552 | 免费增值 | [对比](https://openaitools.app/zh/compare/getdesign-vs-refero-design) |
| [UX Pilot](https://openaitools.app/zh/tool/ux-pilot) | 537,999 | 免费增值 | [对比](https://openaitools.app/zh/compare/getdesign-vs-ux-pilot) |
| [Fudge](https://openaitools.app/zh/tool/fudge-mcp) | 293 | 免费增值 | [对比](https://openaitools.app/zh/compare/fudge-mcp-vs-getdesign) |
| [kickstartDS](https://openaitools.app/zh/tool/design-system) | 915 | 免费 | [对比](https://openaitools.app/zh/compare/design-system-vs-getdesign) |
| [Flowstep](https://openaitools.app/zh/tool/flowstep) | 89,017 | Free, Paid, Contact for Pricing | [对比](https://openaitools.app/zh/compare/flowstep-vs-getdesign) |
| [Supernova.io](https://openaitools.app/zh/tool/supernova-io) | 64,656 | 免费增值，付费，定价请咨询 | [对比](https://openaitools.app/zh/compare/getdesign-vs-supernova-io) |
| [Baked Design Studio](https://openaitools.app/zh/tool/baked-design-studio) | 30,069 | 付费 | [对比](https://openaitools.app/zh/compare/baked-design-studio-vs-getdesign) |
| [CSSPicker](https://openaitools.app/zh/tool/css-picker) | 19,800 | 免费增值 | [对比](https://openaitools.app/zh/compare/css-picker-vs-getdesign) |
| [Pencil（pen.dev）](https://openaitools.app/zh/tool/pencil-design-on-canvas-land-in-code) | 50,139 | 免费增值 | [对比](https://openaitools.app/zh/compare/getdesign-vs-pencil-design-on-canvas-land-in-code) |

---
来源：https://openaitools.app/zh/tool/getdesign