--- title: "Claude Design + Relume = Insane Website Workflow" url: https://daily.dev/posts/claude-design-relume-insane-website-workflow-dzflwvnj4 source_url: https://www.youtube.com/watch?v=r3dQa6u146k type: video:youtube source: "YouTube" published: 2026-06-17T04:16:27.229Z updated: 2026-06-17T04:16:46.105Z tags: ["webdev", "ui-design", "claude", "ai-coding"] reading_time: 9 upvotes: 1 comments: 0 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Claude Design + Relume = Insane Website Workflow **[YouTube](https://daily.dev/sources/youtube)** · 9 min read · 1 upvotes · 0 comments ## Summary A walkthrough of a website design workflow combining Relume and Claude Design (Anthropic's AI design tool). The process starts in Relume to generate a sitemap, wireframes, and a style guide, then exports the design system into Claude Design to produce consistent, multi-page website layouts. The workflow addresses a key weakness of Claude Design used alone — inconsistent components across pages — by grounding it in a Relume-generated design system. AI-generated video assets from Higgsfield are added for the hero section, and final tweaks are made using Claude Code locally. The result is a responsive, cohesive website that can be deployed via GitHub and Cloudflare Pages in minutes. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#ui-design](https://daily.dev/tags/ui-design), [#claude](https://daily.dev/tags/claude), [#ai-coding](https://daily.dev/tags/ai-coding) [View this post on daily.dev](https://daily.dev/posts/claude-design-relume-insane-website-workflow-dzflwvnj4)