👋🏽 We wrote a book! Order Wireframing for Everyone today →

Balsamiq

Toggle navigation

Markup


Markup is a special kind of component type in the UI Library that is used for adding annotations, comments, and explanatory notes.

Commonly used Markup items include: Arrow/Line, Callout, Comment, Red X, Scratch-Out and Curly Braces. The screenshot below shows markup items on the page.

Toggling Markup on and Off

Markup items are visible by default.

However, you might want to check what a wireframe looks like without those Markup items.

If you uncheck the Show Markup option in the Smiley Menu, we'll make the Markup on your wireframes invisible. You can switch it back on and make it visible again via the same menu option or by clicking the Show markup icon in the Top Bar.


Markup Toggling with Keyboard Shortcuts

There are keyboard shortcuts for toggling visibility on and off. Press CTRL/+K to toggle markup on and off.

In Full Screen presentation mode you can just press M (or K).


Making Items Markup and Non-Markup

Sometimes you will want Markup items to be treated as non-markup or vice-versa. For example, you could use the iPhone control as a guide for designing a mobile screen, but you might want to hide the iPhone itself when you export it and view it on a mobile device.

If you want to make a Markup item Non-Markup, right click on the component and select the "Do not Treat as Markup" option in the context menu. This will allow the component to be visible when the Markup visibility toggle is set to on or off.

You can use this "Treat as Markup/Do not Treat as Markup" feature on any component. If you right-click on a regular component, you can make it behave like Markup by selecting "Treat as Markup." It will be hidden when you toggle Markup visibility off.


Exporting Markup to PNG and PDF

If you want your Markup components to appear or be hidden in your exported PNG images or your Exported PDF, toggle the Markup visibility as shown above, and Export.