Balsamiq for Jira Documentation
- Introduction to Balsamiq Wireframes for Jira
- Editor Overview
- Adding and Arranging UI Controls
- Editing UI Controls
- Sharing and Reviewing
- Reviewing and Commenting
- Full Screen Presentation Mode
- Sharing an Interactive PDF Document
- Sharing PNG Images
- Collaborative Editing
- Using Images and Icons
- Symbols
- Markup
- Linking Wireframes Together
- Full Screen Presentation Mode
- Alternates
- Exporting
- Importing
- Keeping Projects Clean and Organized
- Keyboard Shortcuts
- Balsamiq Wireframes for Jira Admin Guide
- Real-Time Collaboration Service Configuration
- Migrating from Jira DC or Server to Jira Cloud
- Jira DC or Server Data Residency
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 switch to this mode from the top-right option in the toolbar.
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.
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 and mail servers settings.
To mention someone, 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.
Note: @-mentions also work in the Project Description and in your Wireframe notes.
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.
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, just click on the full screen icon in the top-right corner of your toolbar, select "Full Screen Presentation" from the View menu or hit CTRL/⌘+F.
The application will expand to take up your whole screen, with your wireframe centered on it. 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.
Sharing PNG Images
You can export all of your wireframes to static PNG images, and send those to your clients if needed. You can learn more about it here.
- Editing UI Controls
- Collaborative Editing