Turn Claude Into An INSANE Designer In Minutes (Relume)
5.1K views · 2026-06-16
UI Design
▎LINKS & RESOURCES
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Build your design system and export to Claude Design: https://www.relume.io/claude-design-export
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://temploton.com/
Get started with Framer: https://framer.link/devantaebison
My go-to site for design inspiration: https://mobbin.com/?via=taeonlinehd
▎VIDEO OVERVIEW
Claude Design can build beautiful single pages, but the moment you add more, things start to fall apart. The spacing drifts, new colors show up out of nowhere, and by page three you're looking at a completely different site. That's because it's rebuilding your brand from scratch on every single prompt.
The fix is a design system, and it only takes about seven minutes. I'll walk you through how to use Relume to build color tokens, typography, spacing, and components before designing anything, then export the whole thing into Claude Design with a single import. After that, every page Claude builds stays consistent without you having to babysit it.
▎CHAPTERS
0:00 The problem with multi-page sites
0:20 The problem with Claude
1:20 The solution
1:35 Intro to Relume
1:56 Building the sitemap
2:34 Building the wireframes
4:40 The tab most designers skip
8:01 Exporting to Claude Design
9:07 Testing the new design system
11:12 Before vs. after comparison
12:28 Outro
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Build your design system and export to Claude Design: https://www.relume.io/claude-design-export
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://temploton.com/
Get started with Framer: https://framer.link/devantaebison
My go-to site for design inspiration: https://mobbin.com/?via=taeonlinehd
▎VIDEO OVERVIEW
Claude Design can build beautiful single pages, but the moment you add more, things start to fall apart. The spacing drifts, new colors show up out of nowhere, and by page three you're looking at a completely different site. That's because it's rebuilding your brand from scratch on every single prompt.
The fix is a design system, and it only takes about seven minutes. I'll walk you through how to use Relume to build color tokens, typography, spacing, and components before designing anything, then export the whole thing into Claude Design with a single import. After that, every page Claude builds stays consistent without you having to babysit it.
▎CHAPTERS
0:00 The problem with multi-page sites
0:20 The problem with Claude
1:20 The solution
1:35 Intro to Relume
1:56 Building the sitemap
2:34 Building the wireframes
4:40 The tab most designers skip
8:01 Exporting to Claude Design
9:07 Testing the new design system
11:12 Before vs. after comparison
12:28 Outro