Hello Everyone. Newbie here! π
What are the most common ways to import a Figma styled Relume sitemap into Webflow?
Is the Figma design just a reference as seen in youtube videos or is there a workflow where you import the Figma components into Webflow?
Will the Webflow Relume Clonable Style Guide still link to the imported Figma styled Relume sitemap?
Thanks in advance for any responses!
AI response: The recommended workflow for getting your Figma-styled Relume designs into Webflow is:
Import your Relume wireframes directly into Webflow using the Relume Webflow app
Use your Figma design as a visual reference
Style the imported wireframe structure in Webflow to match your Figma design
Important note: There is currently no automatic way to directly import your styled Figma designs into Webflow when using Relume components. The Figma to Webflow plugin is not fully compatible with Relume's system. Sources The most efficient workflow is:
Generate wireframes in Relume Sitebuilder
Set up and customize your style guide in Figma
Export wireframes to Figma for design work
Set up style guide in Webflow
Import wireframes from Relume directly to Webflow
Style in Webflow according to your Figma design
This approach gives you about 90% of the structure already built when you import the Relume wireframes, and you just need to apply the styling to match your Figma designs. If anyone would be kind enough to fact check this Relume AI Response i would appreciate. π
So the best way I found was to
Export to figma
Design in figma
Go on webflow with a blank relume project
Using the relume chrome extension, copy and paste components from the chrome extension one by one (you can find their name in the figma layers)
Go to your style guide and customize it
Make the modifications you did on figma once again on webflow