Design systems built for your coding agent
Windframe MCP plugs into Claude Code, Cursor and VS Code, giving your agent real design tokens, components and Tailwind styles to build with.
Join 17,000+ developers building with Windframe
Output you can actually ship
Once your agent is connected, every component it generates is grounded in a real design system instead of guessed values.
Real design tokens
Linear, ShadCN, Notion, Pandora and more. Your agent gets actual typography, spacing and color systems instead of guessing values.
Inside your editor
Generate, iterate and ship UI directly inside Claude Code, Cursor, Codex or VS Code. No context switching.
Production Tailwind code
Clean utility classes that match each style's tokens. Drops into any project without rework.
A growing library of styles
Pick a tone for the surface you're building: minimal product UI, bold marketing, content-dense enterprise, warm and expressive. New systems are added regularly.
Same prompt. Different result.
What happens when you apply a real design system to the same AI-generated UI.
Real design systems. Not prompts.
Styles inspired by products your users already know. Tap any style with previews to see the full design system.
Linear UI
Clean, minimal, dev-focused
Notion UI
Content-first, clean
Enterprise
Professional, data-dense
Autumn
Warm, organic, inviting
ShadCN UI
Component-driven, precise
Pandora UI
Bold, expressive, vibrant
Default
Modern SaaS, dual-mode
More styles, soon
New design systems added regularly
Drops into the stack you already use
Works inside your coding agent
Pick your client to see the setup steps. Auth runs through standard OAuth on first use.
Claude Code CLI
claude mcp add --transport http windframe-mcp https://mcp.windframe.dev/mcpFrequently asked questions
Everything you might want to know about Windframe MCP, plans and setup.
Windframe MCP is a server that connects to your AI coding agent (Claude Code, Cursor, VS Code and others) and gives it access to real design systems, components and Tailwind tokens. The result is UI that looks designed instead of assembled.
Yes. MCP access is included on the Windframe Pro and Lifetime plans. You sign in via OAuth the first time your agent calls a Windframe tool, and the agent stays connected across sessions.
Anything that speaks the Model Context Protocol over HTTP. We officially support Claude Code, Cursor and VS Code (with the Copilot or MCP extension), and the server works with any other MCP-compatible client.
Linear UI, ShadCN UI, Enterprise, Notion UI, Pandora UI, Autumn, Default and more. Each ships with real typography, spacing and color tokens, plus a growing library of Tailwind color themes. New systems are added regularly.
Plain Tailwind utility classes that match the chosen style's design tokens. No inline styles, no random magic numbers. The output drops cleanly into React, Vue, Next.js or static HTML projects.
Yes. Code generated through your Windframe account is yours to ship in client work, products and commercial projects.
On the first MCP tool call, your agent triggers a standard OAuth 2.0 + PKCE flow. You sign in once with your Windframe account and the agent stays connected for future sessions.
Plug it in and ship better UI today
Connect Windframe MCP to your agent and start generating production-ready UI with real design systems.