| What it does | Extract a design system from any website for AI
| MCP server connecting AI agents to your design system with live tokens and code linting
|
|---|
| Stage | Not given
| Not given
|
|---|
| Founded | Not given
| Not given
|
|---|
| Based in | US
| Not given
|
|---|
| Pricing model | Freemium
| Freemium
|
|---|
| Pricing | Free: 2 design packs a day without account, 5 per day with free account. Pro: $9 per month (or $90 per year) for 50 packs per month, any page of a site, private packs, MCP server and REST API.
| Free: one design system with limited component pulls. Pro: $15/month per seat ($12 billed yearly). Team: $25/month per seat ($20 billed yearly). Studio: $39/month per Genome ($31 billed yearly).
|
|---|
| Key features | - DESIGN.md in Google's format describing colors, type, spacing, radii, shadows and components
- BEHAVIOR.md covering hover, focus, tooltips, menus, motion, scrolling, tables, forms and dark mode
- Screenshots at four widths: 1440, 1024, 768 and 390 pixels
- W3C design tokens (DTCG) format for Style Dictionary and Figma plugins
- CSS custom properties with all design values
- Tailwind v4 theme block
- SKILL.md for Claude Code and Cursor
- MCP server integration for AI agents to fetch packs automatically
- REST API with keys for automated access
- Private packs accessible only to the user
| - MCP server connection for Claude Code, Cursor, VS Code and other AI agents
- Design system bootstrap from text prompt, website URL, Figma file or screenshot
- Token and component editor with live publishing
- Code linting against design system specifications
- Export to CSS, SCSS, Tailwind, Tokens Studio JSON and Figma variables
- Figma integration with OAuth and plugin support
- GitHub integration for pushing design system updates
- Website CSS scanning and analysis
- Change proposals and human review workflow
- Rate-limited stateless HTTP API with 120 calls per minute
|
|---|
| What makes it different | - Measured from live pages, not guessed from screenshots
- Captures behavioral details like interactions and state changes, not just visual design
- Free tier requires no account or card to try
- AI agents can use Stylepack directly with Pro via MCP server
| - Live tokens on every AI generation instead of stale rules files
- Supports all major AI coding agents: Claude Code, Cursor, VS Code, Claude, Codex, Windsurf and Figma's agent
- Human review required for all changes; nothing auto-applied
- Design systems remain yours to use in client work and commercial products
- Bootstrap from text, website, Figma or screenshot; no manual token creation needed
|
|---|
| Community votes | 0 | 0 |
|---|
| DR (Domain Rating by Ahrefs) | Not checked yet ● no change since last check | Not checked yet ● no change since last check |
|---|
| Trust Flow (Majestic) | 0 | 0 |
|---|
| Citation Flow (Majestic) | 0 | 16 |
|---|
| Referring domains (Majestic) | 0 | 4 |
|---|
Stylepack
Flash DSM