How to Design a Website with Claude and Export It to Webflow Using Relume?

·Jun 17, 2026 05:38 PM·

Hi guys I'm looking for a way to design a full website with claude but at the end make it a webflow project so the client can manage small changes by himself that way i found out about relume, if i start the website in relume than export to claude design finish the website there, is there a way to import the finished site into webflow through relume? because i think there is no easy way to import a site into webflow other than relume???

7 comments

· Sorted by Oldest

Matt J.
·
·
Hassan J. have you built websites with Webflow before?
Hassan J.
·
·
yes i have basic knowledge
Matt J.
·
·
Hassan J. got it. And what is your primary motivation for wanting to use Claude?
Hassan J.
·
·
it's way faster to design and built custom animations
Hassan J.
·
·
i tried the webflow mcp but it's terrible
Matt J.
·
(edited)·
Hassan J. yeah for sure. And yeah, I agree with your opinion of the webflow MCP. If your end goal is to provide a functioning website for your client to maintain in Webflow, then my best advice would be to stick 100% to the Relume ecosystem, it'll do 80% of the heavy lifting of tedious work, provide a much better overall consistent output, and then you can layer design over that or generate GSAP animations in Webflow using AI. But if you were to use Relume as your foundational building blocks, you'll be far better off than trying to use AI to generate this foundation. You can use Claude to help generate ideas, you can export your Relume style guide to Claude Design to generate ideas, then bring those ideas to life through various channels, whether you recreate the ideas in Figma or Webflow, or you use AI to help create custom code to bring into Webflow, it really depends on your level of experience thus far with Figma/Webflow, versus how much you'll need AI to fill in those gaps you might have as a web designer. Too many people looking for shortcuts today...but I guarantee if you were to commit to the path above, you'll be a far better web designer on the other side of this project than you started off as. Invest in yourself - don't just blindly throw credits at Anthropic! Just my opinion though, not trying to tell you what to do! Use Relume for:
1.
Generating a sitemap (this is your blueprint for the site, overall scope - ignore the section descriptions IMO)
2.
Generate wireframes, this is where you'll want to focus on strategy and content
3.
Generate a style guide - lock in basic design details like color, typography and UI styling
4.
Carry those design decisions across all the pages
You will for sure hit limitations within Relume. But if you know Figma or Webflow enough, you can export to those tools at any step above and have 100% editing capabilities. Layer on your design polish in Figma. Once approved, import your pages from Relume, including your style guide and typography styles for you into Webflow. Saves you hours! Then recreate and layer on your figma polish into your webflow project. Use AI to help generate custom animations or learn the new Weblfow GSAP interactions to build them. Set proper expectations with clients - the above process is a 3-6 week process at minimum. So if you told your client you can have them a website in Webflow by the end of this week...then I'm afraid you've jammed yourself up here. To answer your question, there is no effective way that I'm aware of, to use claude + Relume + webflow and there is no "easy" button to export from claude to webflow or from Relume to webflow that will include Claude or a 100% fully polished figma design. Importing simple color-schemed pages, variables, and typography from Relume to Webflow is the biggest benefit - still saves you so many hours from having to recreate these components from scratch and going through all the steps to create the design system. Thanks for reading my novel, time to get back to building! 💪🤣 Let me know if you have questions, happy to provide further context or guidance.
Sue
·
·
Matt J. I was glued to your novel! Thank you for the details. Learning as I go so this was helpful.
🙌1

Matt J.
·
·
Hassan J. have you built websites with Webflow before?
Hassan J.
·
·
yes i have basic knowledge
Matt J.
·
·
Hassan J. got it. And what is your primary motivation for wanting to use Claude?
Hassan J.
·
·
it's way faster to design and built custom animations
Hassan J.
·
·
i tried the webflow mcp but it's terrible
Matt J.
·
(edited)·
Hassan J. yeah for sure. And yeah, I agree with your opinion of the webflow MCP. If your end goal is to provide a functioning website for your client to maintain in Webflow, then my best advice would be to stick 100% to the Relume ecosystem, it'll do 80% of the heavy lifting of tedious work, provide a much better overall consistent output, and then you can layer design over that or generate GSAP animations in Webflow using AI. But if you were to use Relume as your foundational building blocks, you'll be far better off than trying to use AI to generate this foundation. You can use Claude to help generate ideas, you can export your Relume style guide to Claude Design to generate ideas, then bring those ideas to life through various channels, whether you recreate the ideas in Figma or Webflow, or you use AI to help create custom code to bring into Webflow, it really depends on your level of experience thus far with Figma/Webflow, versus how much you'll need AI to fill in those gaps you might have as a web designer. Too many people looking for shortcuts today...but I guarantee if you were to commit to the path above, you'll be a far better web designer on the other side of this project than you started off as. Invest in yourself - don't just blindly throw credits at Anthropic! Just my opinion though, not trying to tell you what to do! Use Relume for:
1.
Generating a sitemap (this is your blueprint for the site, overall scope - ignore the section descriptions IMO)
2.
Generate wireframes, this is where you'll want to focus on strategy and content
3.
Generate a style guide - lock in basic design details like color, typography and UI styling
4.
Carry those design decisions across all the pages
You will for sure hit limitations within Relume. But if you know Figma or Webflow enough, you can export to those tools at any step above and have 100% editing capabilities. Layer on your design polish in Figma. Once approved, import your pages from Relume, including your style guide and typography styles for you into Webflow. Saves you hours! Then recreate and layer on your figma polish into your webflow project. Use AI to help generate custom animations or learn the new Weblfow GSAP interactions to build them. Set proper expectations with clients - the above process is a 3-6 week process at minimum. So if you told your client you can have them a website in Webflow by the end of this week...then I'm afraid you've jammed yourself up here. To answer your question, there is no effective way that I'm aware of, to use claude + Relume + webflow and there is no "easy" button to export from claude to webflow or from Relume to webflow that will include Claude or a 100% fully polished figma design. Importing simple color-schemed pages, variables, and typography from Relume to Webflow is the biggest benefit - still saves you so many hours from having to recreate these components from scratch and going through all the steps to create the design system. Thanks for reading my novel, time to get back to building! 💪🤣 Let me know if you have questions, happy to provide further context or guidance.
Sue
·
·
Matt J. I was glued to your novel! Thank you for the details. Learning as I go so this was helpful.
🙌1