Claude Code + Relume — Website Design Workflow
- Video: Jack Roberts (53.6K views, Jun 4, 2026)
What It Is
A workflow combining Claude Code + Relume to build client websites at unprecedented speed.
The Flow
Relume (AI site builder) → export design system to Claude Code → Claude Code + Webflow MCP → build site
1. Design in Relume
Use Relume’s AI to generate the site structure, wireframes, and copy.
2. Export Design System to Claude
Relume now has a “Native in Claude Design” export — one click exports your complete design system (color, type, spacing, components) so Claude has your brand baked in from the first prompt.
3. Build with Claude Code
Claude Code takes the design and uses the Webflow MCP bridge to build the actual pages in Webflow — no manual HTML/CSS.
Why It Matters
| Traditional | Claude + Relume |
|---|---|
| Design in Figma → handoff to dev → code → CMS → launch | AI design → export → Claude builds in Webflow |
| Days per site | Hours per site |
| Design system set up per project | Baked in from export |
| Manual CMS integration | MCP bridge handles it |