Creating an effective sitemap and wireframe screen

At a glance

A community member is new and needs help with the sitemap and wireframe screen, as they can only zoom in and out or scroll up and down, but cannot move the content or the entire screen from left to right. Other community members provide suggestions, such as holding the spacebar to grab the screen and move it around, and holding shift and scrolling to scroll horizontally. The community member then asks for help with exporting from Figma to Webflow, and another community member suggests a video walkthrough that might provide insights.

The community members also discuss how to detach instances in a group in Figma, with one community member providing the keyboard shortcut cmd/ctrl + option + b to detach instances as they work through each section in a wireframe or design.

Useful resources

PPaul McCarthy

Hi, I'm new and need help with the sitemap and wireframe screen. I can only zoom in and out or scroll up and down. I can't move the content or the entire screen from left to right. Thanks Paul

11 comments

MMatt Johnson

Sorry about the issues there. If you hold spacebar you can grab the screen and move it around. If you hold shift and scroll, it'll scroll horizontally. Hope that helps!

PPaul McCarthy

Awesome! I'm very green. Thank you.

MMatt Johnson

We all start somewhere! Glad you are here, if you have any other questions, please reach out!

PPaul McCarthy

So, I got the site map and wireframe down. I signed up for a Figma account and have a Webflow account. I have watched a few YouTube videos, but I still need help with the export. Do you suggest a video that is clear-cut? Thanks

MMatt Johnson

I have just the video for you! I did a full walkthrough of how I work with the site builder tool and how it translates to figma and back to webflow - its an hour and 30 minutes long...rough draft. It might give you some insights. https://relume.notion.site/Using-the-Relume-Site-Builder-Full-Walk-Through-409e549d44594f0986c7b3453d93a5e4?pvs=4

PPaul McCarthy

Great! Thank you will check it out.

PPaul McCarthy

How do you detach instances in a group? I can only figure out one at a time?

MMatt Johnson

are you in Figma?

PPaul McCarthy

Yes, I have been doing them one by one with the right click then find the command.

MMatt Johnson

yeah there might be a Figma plugin but im not sure. In the Figma world its not that common of an issue. its just unique to how we all work with the components. I use the keyboard shortcut cmd/ctrl + option + b to detach instance as I am working through each section in a wireframe or design, in Figma.

PPaul McCarthy

Got it. Thanks

Add a reply

Community forum for knowledge and support

Creating an effective sitemap and wireframe screen