About this tool
getdesign 是一款 AI 驱动的设计系统提取工具。它通过真实浏览器打开任意公开网站、捕获截图、读取 CSS，并生成结构化的 design.md 文件。输出内容包括网站的视觉主题、配色方案、字体排版、间距、组件、设计令牌和截图。用户可以通过网页控制台、API、CLI、TypeScript SDK 或编程智能体 Skill 使用 getdesign。版本 1 目前处于公开测试阶段，需要使用用户自己的 Daytona 和 OpenAI 密钥。
Extract colors, fonts, spacing, and components from a website into a design.md. Download a…
getdesign opens a site in a real browser, extracts palette, typography, and components, and returns…
Key features
- 从任意公开网站提取颜色、字体排版、间距、组件和设计令牌
- 捕获真实浏览器截图，让生成的设计文档基于实际界面
- 通过网页、API、CLI、SDK 或编程智能体 Skill 生成可下载的 design.md 文件
Use cases and audience
待编辑核验
优点与缺点
优点
- 支持任意公开网站 URL
- 使用真实浏览器截图，而不只是依赖源代码
- 可以提取实用的设计系统细节，包括颜色、字体、间距、组件和圆角
- 提供网页、API、CLI、SDK 和编程智能体 Skill 等多种使用方式
- 生成结构化 Markdown，既方便人类阅读，也便于编程智能体使用
- 支持使用缓存示例探索样例提取结果
缺点与限制
- 需要用户提供自己的 Daytona 和 OpenAI 密钥
- 服务商使用费用需分别向 Daytona 和 OpenAI 支付
- 托管运行需要完成身份验证并配置服务商密钥
- 根据现有描述，目前只能分析公开网站
- 未来 getdesign 方案的定价尚未公布
- 生成结果可能会因源网站的复杂程度和结构而有所不同
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…
Official website excerpt
Extract colors, fonts, spacing, and components from a website into a design.md. Download a style guide and screenshots for…Read the original website ↗Sources
getdesignUpdated on 2026-10-21Editorial references
Toolify 公开资料Before you start
Check availability, registration, limits and plans on the official site. Try a small sample before choosing.
This profile uses public official information, without full testing. Commercial terms, privacy, regional access and limits need further checks.
Scope: name, official link and basic purpose.
View original source
