What is getdesign?
Extract colors, fonts, spacing, and components from a website into a design.md. Download a style guide and screenshots for…
getdesign 是一款 AI 驱动的设计系统提取工具。它通过真实浏览器打开任意公开网站、捕获截图、读取 CSS，并生成结构化的 design.md 文件。输出内容包括网站的视觉主题、配色方案、字体排版、间距、组件、设计令牌和截图。用户可以通过网页控制台、API、CLI、TypeScript SDK 或编程智能体 Skill 使用 getdesign。版本 1 目前处于公开测试阶段，需要使用用户自己的 Daytona 和 OpenAI 密钥。
getdesign opens a site in a real browser, extracts palette, typography, and components, and returns…
Key features
从任意公开网站提取颜色、字体排版、间距、组件和设计令牌
捕获真实浏览器截图，让生成的设计文档基于实际界面
通过网页、API、CLI、SDK 或编程智能体 Skill 生成可下载的 design.md 文件
Frequently asked questions
What is getdesign?
getdesign extracts a design system from a public website. It reads the site's CSS and captures the rendered page, then writes its colors, typography…
What is a design.md file?
A design.md is a Markdown document describing a website's design system. You can read it as a style guide or give it to…
Benefits and limitations
Benefits
- 支持任意公开网站 URL
- 使用真实浏览器截图，而不只是依赖源代码
- 可以提取实用的设计系统细节，包括颜色、字体、间距、组件和圆角
- 提供网页、API、CLI、SDK 和编程智能体 Skill 等多种使用方式
- 生成结构化 Markdown，既方便人类阅读，也便于编程智能体使用
- 支持使用缓存示例探索样例提取结果
Limitations
- 需要用户提供自己的 Daytona 和 OpenAI 密钥
- 服务商使用费用需分别向 Daytona 和 OpenAI 支付
- 托管运行需要完成身份验证并配置服务商密钥
- 根据现有描述，目前只能分析公开网站
- 未来 getdesign 方案的定价尚未公布
- 生成结果可能会因源网站的复杂程度和结构而有所不同
Official website & sources
Sources
Updated on 2026-10-21
