真实浏览器提取
在真实浏览器中打开目标站点，读取页面实际生效的 CSS，提取配色、字体、间距与组件信息，而不是只解析静态源码。
价格V1 不收取 getdesign 运行费用，自备 Daytona 与 OpenAI 密钥
平台Web / API / CLI / SDK
归类聊天对话
收录2025-01-01
复核2025-01-01
编辑评分
4.2 / 5
★★★★☆
getdesign编辑总结
getdesign 是一款从公开网站 URL 提取设计系统的工具。它会在真实浏览器中打开目标站点，读取页面 CSS 与渲染结果，把配色、字体、间距和组件整理成一个可下载的 design.md 文件。同一次运行还会生成 design.md 的截图版本，输出体量约为 9 个章节、14.3KB。产出的文件既能当风格指南阅读，也能直接交给编码智能体作为构建界面的上下文。使用前需要在账号中保存自己的 Daytona 与 OpenAI 密钥，V1 版本不收取 getdesign 自身的运行费用。
getdesign是什么？
getdesign 做的事情是从一个网址反推出这套网站背后的设计系统。它用真实浏览器打开目标页面，读取页面的 CSS 变量与渲染后的样式，把颜色、字体、间距和组件信息写成一个 Markdown 文档 design.md。官方定位是「拥有你自己的设计系统」。
产品当前以 beta 形态提供，共有五种使用面：Web 面板、HTTP API、CLI、TypeScript SDK，以及可安装进编码智能体的 Skill。前四种调用同一个 agent 核心，第五种跑在用户自己的智能体里，借用智能体自身的工具完成提取。
普通用户从 dashboard.getdesign.app 登录，在账号里填好 Daytona 与 OpenAI 密钥，把网址粘进 Agent 就能生成并下载 design.md。开发者可以用 bunx @getdesign/cli 在本地跑，或者用 bun add @getdesign/sdk 在进程内调用；HTTP API 走 GET /v1/design，返回 Markdown 或 JSON，使用 WorkOS bearer 认证。
getdesign核心功能
design.md 输出
提取结果写成一个 Markdown 设计文档，官方示例显示包含 9 个章节、体积 14.3KB，支持流式输出，可直接下载。
HTTP API
GET /v1/design 接口返回 Markdown 或 JSON 两种格式，使用 WorkOS bearer 认证，并要求调用方提供自己的供应商密钥。
CLI 本地运行
通过 bunx @getdesign/cli 在 Bun 环境运行，使用自己的 Daytona 与 OpenAI 密钥，把生成的 design.md 写入本地文件。
TypeScript SDK
用 bun add @getdesign/sdk 安装后在进程内运行 agent，返回带类型的结果并支持进度事件，同样使用调用方自己的供应商密钥。
编码智能体 Skill
通过 skills add MohtashamMurshid/getdesign 安装可移植的 SKILL.md，在 Claude Code、Codex、Cursor 中以智能体自身工具运行。
截图附带
视觉模式运行时会同时输出截图，和 design.md 一起提供，便于对照版式与视觉细节，也让编码智能体有更完整的上下文。
getdesign适合谁用？
前端工程师
推荐拿到一份参考站点的配色、字体与间距规范，交给编码智能体辅助搭建界面，省去手动测量样式的过程。
独立设计师与开发者
推荐一个人同时负责视觉与实现，用 design.md 当风格指南，让界面在不同页面之间保持一致。
使用 Claude Code 等智能体的开发者
推荐安装 Skill 后可在智能体内部直接提取设计上下文，不必切换工具，但需要在智能体里配置好供应商密钥。
完全不想配置密钥的用户
不推荐运行前必须自备 Daytona 与 OpenAI 密钥，没有现成密钥就无法完成提取，只能浏览缓存示例。
需要固定预算的团队
有条件getdesign 本身在 V1 不收运行费，但浏览器捕获与模型调用分别计入 Daytona 和 OpenAI，费用随站点复杂度浮动。
getdesign优点和缺点
优点
- 在真实浏览器中读取实际生效的 CSS，而非只解析静态源码
- 同时提供 Web、API、CLI、SDK、Skill 五种使用方式
- 输出为可下载的 design.md，附截图，适配编码智能体
- 官方示例文档约 9 个章节、14.3KB，信息密度可控
- V1 不收取 getdesign 自身的运行费用
- 面板运行默认为私有，确认后才发布为公开链接
缺点
- 必须自备 Daytona 与 OpenAI 密钥，缺少密钥无法运行
- V1 没有 getdesign 官方 API key，托管运行依赖第三方账号
- 费用分散在 Daytona 与 OpenAI 两处，成本不易预估
- 提取耗时随站点不同而变化，官方未给出固定时长
- 公开链接一旦被下载，之后收回也无法追回已下载副本
getdesign常见问题
getdesign 是免费的吗？＋
V1 不收取 getdesign 自身的运行费用，但托管运行需要用户提供自己的 Daytona 与 OpenAI 密钥。浏览器捕获由 Daytona 计费，模型调用由 OpenAI 计费，也就是说你付的是这两家的钱，而不是给 getdesign 付费。
design.md 到底是什么文件？＋
它是一份 Markdown 文档，用来描述某个网站的设计系统。你可以把它当风格指南阅读，也可以交给编码智能体，在构建界面时作为上下文参考。视觉模式跑出来的结果里还会一并附上截图。
怎么提取一个网站的颜色和字体？＋
在账号里保存 Daytona 与 OpenAI 密钥，把公开网站的 URL 粘贴到 Agent 里即可。getdesign 会读取 CSS 中的设计变量、在浏览器里捕获页面，然后生成一份可下载的设计文档。没有密钥时也可以先浏览缓存示例。
能和编码智能体一起用吗？＋
可以。把生成的 design.md 和截图交给你的编码智能体，或者安装 getdesign Skill，让智能体用自己的工具提取设计上下文。CLI 和 TypeScript SDK 也支持在 Bun 上本地运行，HTTP API 则提供托管运行方式。
我的提取记录是公开的吗？＋
面板里的运行记录默认是私有的，只有你主动发布才会生成公开链接。发布后任何人都可以通过该链接查看并下载设计文档和截图。你可以把某次运行改回私有，以关闭后续访问，但已经被下载走的副本仍然留在接收方那里。
getdesign竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| getdesign本工具 | 4.2 | V1 不收取 getdesign 运行费用，自备 Daytona 与 OpenAI 密钥 | 真实浏览器提取；design.md 输出；HTTP API；CLI 本地运行 | Web / API / CLI / SDK |
| Phaie AI | — | 未标价 | 设计系统管理与自动化插件 | — |
| AI Spaceship | — | 未标价 | 使用网页 URL 作为知识库的一键式 AI 聊天机器人构建工具 | — |
| GPTSmith | — | 未标价 | GPTSmith 通过数据上传和自定义设计来个性化聊天机器人，并生成独特的 URL | — |
| CSS Picker | — | 免费版含有限 credits；月付 $19.99、年付 $89、买断 $150 | CSSPicker 是一个 AI 驱动的设计转代码工具，支持从任何网站复制 CSS,将设计从网站 | Web / 浏览器扩展 |
| SUPERHANDS | — | 未标价 | 即时从网上复制 UI 到原型 | Web |
