How to Use the Relume Library MCP with Claude and Figma for Automated Website Builds
@channel Hey Lumers 👋 We've been watching agencies and freelancers use the new Relume Library MCP in a really clever way, and I wanted to share the full workflow. The short version: design your site in Relume, export to Figma, then let Claude build the actual website in code, referencing all 1,000+ Relume components as it goes. 👉 Quick Loom video walkthrough How it works 1. Connect the Relume Library MCP to Claude: Copy the URL (relume-library-mcp.relume.io/mcp) and add it as a connector. Claude now pulls from real Relume components instead of generating layouts from scratch. 2. Design in Relume as normal: Sitemap, wireframes, style guide, full design. 3. Export to Figma: This becomes the source of truth for the build. 4. Connect the Figma MCP to Claude: so it can read your design file directly. 5. Prompt Claude to build: referencing both the Figma file and the Relume Library MCP. Around 10 to 15 minutes later, you've got a full website in code. Why it's good ✅ Everything works out of the box, not a static mockup ✅ The design system stays consistent across every page ✅ Responsive by default. Every component handles mobile, tablet, and desktop breakpoints, so nothing breaks and you never rebuild for mobile Full step-by-step guide here This workflow is new and we're seeing people adapt it in different ways. If you've built something with it, drop it in the thread. Keen to see what you come up with 🙂

