Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
AI tool that extracts design systems from website URLs
getdesign is an AI tool that extracts a design system from any public website. It opens a site in a real browser, reads the site's actual CSS, and captures the rendered page to produce a downloadable design.md file containing the site's colors, typography, spacing, and components. This file can be used as a style guide or given to a coding agent as context when building an interface.
design.md file, which includes captured screenshots for visual runs.Alternatively, you can use the CLI or SDK:
bunx @getdesign/cli on Bun with your Daytona and OpenAI keys. It writes design.md to a local file.bun add @getdesign/sdk and run the agent in-process on Bun. It provides typed results and progress events.npx skills add MohtashamMurshid/getdesign to run inside Claude Code, Codex, or Cursor using your agent's own tools.design.md file.GET /v1/design returns Markdown or JSON (requires WorkOS bearer auth and provider keys).design.md locally.V1 has no getdesign run billing. You pay Daytona for browser capture and OpenAI for model usage. There is no getdesign API key in V1.
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, spacing, and components to a design.md file.
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 a coding agent as context when building an interface. Visual runs also include captured screenshots.
How do I extract a website's colors and fonts?
Save your Daytona and OpenAI keys in Account, then paste a public website URL into Agent. getdesign reads CSS tokens, captures the page in a browser, and generates a design document you can download. You can also explore cached examples without running providers.
Can I use getdesign with a coding agent?
Yes. Give your coding agent the generated design.md and its screenshots, or install the getdesign Skill to extract design context using the agent's own tools. The CLI and TypeScript SDK also run locally on Bun, and the HTTP API supports hosted runs.
Is there authentication or a paid tier?
The dashboard uses WorkOS sign-in. Hosted runs require your own Daytona and OpenAI keys; there is no getdesign API key in V1. V1 has no getdesign run billing. You pay Daytona for browser capture and OpenAI for model usage.
Are my design runs public?
Your dashboard runs are private until you publish them. Publishing creates a link that anyone can use to view and download the design document and screenshots. You can make a run private again to close future access; copies already downloaded remain with their recipients.