I’m a designer working from finished Figma designs, using Relume, Webflow and Claude Code with the Figma, Relume and Webflow MCPs.
My usual workflow is to start with the Relume Webflow starter, customise the Style Guide, then build all approved modules on one page before assembling the final site.
I’m trying to work out the fastest reliable MCP workflow:
- 1.
Can Claude read my Figma variables/styles and accurately update the Relume Webflow Style Guide?
- 2.
Should Claude choose the closest Relume components, or should I identify them first?
- 3.
Is it best to import the native Relume Webflow component, then have Claude customise it through the Webflow MCP?
- 4.
Has anyone used this workflow successfully on a real production site?
Big thanks!