Balsamiq

Toggle navigation

Sharing and Reviewing


Balsamiq Wireframes is designed for collaboration and offers many ways for you to get feedback on your designs. This document outlines a few different ways so that you can pick the right one to fit each situation.

To learn how to work on the same wireframes together, see our article on Collaborative Editing.


Reviewing and Commenting

The "Review and Comment" mode is a great option for anyone who does not need to edit the wireframes. You can easily switch to this mode from the top-right option in the toolbar.

gif

Notice how the border color around the profile picture switches from green to orange.

The comments panel allows you to collaborate on your designs by sharing feedback asynchronously or, if you prefer, making notes for yourself as you work. A new comment will generate a notification in the toolbar.

Callouts

You can add Callout markers to indicate specific places in the wireframe where the comments applies. See the image below to learn how.

gif

Linking to an Alternate Version

You can also add a link to an alternate version by using the "Add Link to Alternate" drop-down at the bottom of the comments panel.

@-Mentions

Comments allow you to mention any Jira users. They will trigger a notification or not, depending on the Atlassian Jira notification settings.

To mention someone, simply start typing @. The list will show the current watchers, reporter and assignee of the issue. If you want to mention somebody else start type the name of the user you would like to notify and select it from the list.

Comment Actions

Once a comment is added, each reviewer can reply to it and like it. You can also edit and delete your own comments.


Sharing an Image Link is a great way to share your wireframes with folks.

You can embed the Image Link in other Jira issues, Confluence pages, external webpages, or applications that support direct image links, and keep your clients or company updated on the progress of a project.

To create an Image Link, select the dedicated option available in the navigator panel's context menu for any wireframe and click on "Create Image Link for this Wireframe".

From there, you will be able to copy the newly created Image Link to your clipboard and share it anywhere you want. What's more, the image will automatically update if you make changes to the wireframe and close the editor.

You can also create an Image Link outside of the Balsamiq editor. To create it, open a Jira issue that has a Balsamiq project on it and grab the link from the Balsamiq Wireframes Panel.

Embedding Your Image on Another Jira Issue

Once created, you can use the Image Link to easily embed a wireframe to another Jira issue by using the dedicated option in the Balsamiq Wireframes Panel.

Once the wireframe is linked, you can review and comment it in full screen, edit the wireframe or remove it from the Jira issue.

This Image Link will be automatically updated with any changes made to the original wireframe.

You can delete an Image Link at any time from the dialog available in the navigator panel's context menu. Deleting it will generate an error message for anyone that tries to use/share the Image Link.


Sharing a Wireframe in Trello

Using the Balsamiq Trello Integration (Power-Up) is an easy way to share a wireframe if your team works in Trello.

You can add it directly from Trello's Menu > Power-ups, or from any Trello Card, as shown below.

Once the Power-up is installed, here are the three steps for adding a wireframe to a Trello card:

  1. Create an Image link in Balsamiq and copy it to your clipboard.
  2. Click on the Balsamiq Wireframes Power-Up button in the Trello Card.
  3. Paste your Image Link and click on "Add".

The Trello Card now includes an image of your wireframe, used as your Card cover.

From the Trello Card, people can directly access your Balsamiq project by clicking on your Project name next to the wireframe image, depending on their Jira permissions.


Full Screen Presentation Mode

The Full Screen Presentation Mode is great for sharing your wireframes with stakeholders or for usability testing. If you have created links between your wireframes, the links will be clickable.

To enter it, click on the Full Screen icon in the top-right corner of your toolbar. Alternatively, you can select "Full Screen Presentation" from the View menu, or use the CTRL/+f keyboard shortcut.

The application will expand to take up your whole screen, with your wireframe centered on it.

You can also share a direct link to this view by allowing it from the settings panel and copying the generated link.

You can learn more about this feature in Full Screen Presentation Mode.


Sharing an Interactive PDF Document

PDFs generated in Balsamiq Wireframes are completely interactive. That means that they not only display your project as you have designed it, they will also respect any links you have added to the project. This is one of the best ways to share your project with collaborators and clients who don't need to make changes.

The PDF will be created in high resolution and with selectable text (good for the reviewers to copy/paste from). More details about exporting to PDF can be found here.