Does anyone have any smooth workflow tips for the case where you've:
Built your sitemaps, wireframes and style guide in Relume
Exported to Figma to design your pages and write the copy
In the process swapped out some components, tweaked some of the styles, etc. and of course updated all the copy on the pages
I'm at the stage now where I'm ready to build out my designs in Webflow, but I was wondering if anyone had any workflow tips (either to help me out right now, as I'm working on a behemoth of a site, or for future projects to save me some time) to speed up things like bringing over all the finalised copy, different components, changes to styling, etc. to save me some more time. P.S. this is the first time I've used the Webflow import tool... Wow, that's very cool
Hey Lucian - I've queried this set up before, and the short answer is that there is not a way to export from Figma to Webflow directly - which is really frustrating when you've made a bunch of changes in figma.
Our current work from is:
Create wireframe in Relume
Export to Figma to get them 100%
Review / amend with client
Sign Off
Import relume wireframes into Webflow
Update outdated wireframes in Webflow to match Figma content
Style the style guide in Webflow.
Apply styling across all other pages
This approach works alright for a small site, but a massive site, it would suckkkk
In the future, we might even look at refineing the wireframes straight in webflow, skipping Figma for reviewing the wireframe with the client to save time.
Thanks for sharing Nathan, yeah I'm on the exact same workflow as you at the moment You're right, skipping Figma all together would save a tonne of time, but I often like having that freedom to design in Figma first where I don't have to always abide by classes and strict structures, especially when ideating, that canvas mode is handy in Figma I think what would save a lot of time would be finalising the wireframe and copy in Relume, then importing to Figma just to design, then you know more or less that your wireframe will then be imported into Webflow with complete copy and the correct Relume components However, we'll need Relume to create a "copy editor" mode first, and also for the performance issues to be ironed out in the Relume wireframe editor. I was pushing about 25-30 pages in there and the editor was far too laggy to be able to work efficiently to write the copy
