Community forum for knowledge and support

Updated 9 months ago

Importing wireframes to webflow and maintaining component structure

At a glance

The community member has been using the Site Builder for 6 months and loves it. However, they are now having issues importing a wireframe to Webflow. The components and elements that were pre-established in the Site Builder are no longer being recognized by Webflow, and it is creating new components with different names. The community member is seeking help to fix this issue.

The comments suggest that the import tool may not recognize existing components in Webflow, and that the community member should avoid making multiple imports from the Site Builder to Webflow or Figma, as it is not an ideal workflow. The community member clarifies that they are only doing a single import from the Site Builder to Webflow, and that the issue has been resolved after testing.

Hey guys, I've been using the Site Builder for 6 months now and I love it. Today I tried to import a wireframe to Webflow and it doesn't recognize the components or elements that are pre-established anymore, even though it did weeks prior.
As an example: when importing a page, it creates a new component for the Nav, and it adds a 2 or 3 to the class name, even if there's an existing Nav component with the exact same name in Webflow and the Site Builder. Please help, how can I fix this?

M
C
8 comments

I'll have to confirm with the engineering team. I wasn't aware that if you had an existing navbar component or any existing components that the import tool would know that and use it.

However, within Site Builder if you had designated a section as a global section, upon import to Webflow we would make that into a Webflow component.

But that first scenario, I really don't think that was the case.

I did all the wireframing in the Site Builder and now I'm importing it to Webflow. All the components where created first in the Site Builder, so if some components repeated through the rest of the pages, when importing it recognized that they were the same component, as they had the same name in both ends. I've been working with this all this time and counted on it, so I'm pretty sure it worked that way until yesterday πŸ˜…

right, but once you've made edits in Webflow, Site Builder won't know those other components existed - its still just importing a global section from site builder.

It sounds like you are making multiple imports from Site builder - which is likely not the ideal workflow. Once you have imported into either Figma or Webflow, its basically not super helpful to go back into Site Builder and make any additional adjustments to have to then import a second or third time into Webflow or Figma, if that makes sense.

its not a two way sync, however, super cool idea - insanely complicated

Oh, sorry no, I'm not doing that. Just one import to Webflow when I'm done with the wireframe in the Site Builder, and not linked to Figma in any way. But don't worry, I just tested and started working again. Thanks nonetheless!

okay great! Sorry I was misunderstanding you. Glad its working for you. If you have any more questions please drop them in here!

no worries, thanks for your fast reply, and to all the Relume team for all the work you're doing! you're amazing πŸ™Œ

Add a reply
Sign up and join the conversation on Slack