Totalwireframe is now free for everyone.

Oh! You are the type of people who browses the web on your mobile. Good, good. Everything works on mobile, including the purchase process.

Understanding the top bar

  • Duration: 02:10
  • Level: beginner
  • Axure Version: 7.0+
  • Date: Jun 26, 2015


The top bar is an essential part of Axure, mainly because of the presence of this button: the Preview button.

Let's take a look at the buttons on the left: the Selection mode buttons. The default mode, when you install Axure, is the Intersected mode. Now that drives me crazy, because that's the worst mode that you can have in Axure in my opinion. Let me tell you why it sucks.

Let's take a bunch of shapes. Now, if you make a selection like this, here is what happens: everything is selected. But, but… you meant to select only this part, not the whole wireframe. This mode might be quicker to select a lot of elements at the same time, but it's impossible to be precise with it. And after several years of using Axure, I can assure you that I never, ever used this selection mode.

I prefer this one instead. With this one, the Contained mode, you select only the part you select - very precisely. It's just better and I urge you to use this mode.

The preview buttons are a bunch of buttons that let you export the project. It can be a live version - inside the browser if you will. Or you can publish your work on the free AxShare, which I will address in another video. The Publish button is a dropdown menu that contain the options I just talked about, as well as other options like Generate the Word documentation.

Then on the right side, you have the different options that affect the widgets on the canvas themselves. Things like grouping the widgets together or locking them. Let's talk a little bit about locking. You will want to lock something when you are sure that you won't have to touch the widget again in the near future. Once a widget is locked, it will stay at the same place and its position will never be affected, even if you move everything. You can see that a widget is locked when its borders are red. In case you need to modify it again, select the locked widget and click on Unlock… and that's it.

Continue your learning