- Introduction to Balsamiq Cloud
- What Is Balsamiq Cloud?
- Quick Start Guide
- What's New
- Transitioning from a Previous Version
- Spaces, projects and wireframes
- Next Steps
- Account Management
- Managing Spaces
- Managing Projects
- People and Permissions
- Editor Overview
- Adding and Arranging UI Controls
- Editing Controls
- Sharing and Reviewing
- Collaborative Editing
- Using Images and Assets
- Linking Wireframes Together
- Full Screen Presentation Mode
- Keeping Projects Clean and Organized
- Keyboard Shortcuts
- The BMPR File Format
- Troubleshooting Scrollbars On ChromeOS
- Image Permalinks
Introduction to Balsamiq Cloud
What Is Balsamiq Cloud?
Balsamiq Cloud is a web-based user interface design tool for creating wireframes (sometimes called mockups or low-fidelity prototypes). You can use it to generate digital sketches of your idea or concept for an application or website, to facilitate discussion and understanding before any code is written. The completed wireframes can be used for user testing, clarifying your vision, getting feedback from stakeholders, or getting approval to start development.
Here's a quick demonstration of how it works.
Quick Start Guide
Next, create a project by clicking the Create a New Project or Upload Project buttons, or join one that you have been invited to. A project is a set of wireframes that pertain to a specific product or feature.
Tip: Larger projects can be broader in scope, but may be harder to manage. One project may be appropriate for an entire new product that needs to be fleshed out, but more mature products typically have one project per feature or release.
Depending on how you work (or your role on the project), you can also invite collaborators to edit or review the wireframes as you build them. Balsamiq Cloud supports real-time collaboration, comments, and chat, so that multiple people can work on the same project together. Click the "manage project members..." icon to add collaborators or get a public link to share.
Once you've created a project, the fun begins when you create your wireframes. Drag and drop, edit, and arrange over 75 user interface control types to create anything you can imagine. Read about adding and arranging and editing controls to learn how to create your wireframes.
Tip: If you've never used a Balsamiq product before, you might want to follow our tutorial on how to create your first wireframe.
- Once you are ready to share your wireframes with clients or stakeholders, you can send a private or public link, or exporting to PDF or images.
If you have used a Balsamiq product before, the overall experience should be familiar, yet also new.
Balsamiq Cloud brings the collaborative editing features from our web-based myBalsamiq product to the updated editor from our Desktop version, and adds new communication and review capabilities such as chat, comments, and review mode.
Transitioning from a Previous Version
If you are transitioning from Balsamiq for Desktop (or another version that uses .bmpr files), you can simply drag and drop to upload your files.
If you are using myBalsamiq, you can export your projects to .bmpr format and then upload them to Balsamiq Cloud. Click here to learn how.
Note: Do you need to convert some .bmml files (old format) so they can be used in Balsamiq Cloud?
Please email us at email@example.com and we'll be happy to convert them for you.
Spaces, projects and wireframes
Balsamiq Cloud introduces a new concept: Spaces.
If you've used any other version of Balsamiq, you'll already be familiar with projects and wireframes. A group of wireframes make up a project and, in Cloud, a group of projects make up a Space.
The rest of our documentation contains a top-to-bottom description of the features and use of Balsamiq Cloud. A good starting point would be People and Permissions, to get familiar with how to add people to your projects, followed by the Editor Overview, to learn about the user interface for navigating and creating your wireframes.
For troubleshooting, frequently-asked questions, and tutorials, head over to our support page. There, you can learn about pricing and payment information, contact us, watch tutorials, and connect with the user community.
Happy Wireframing, from the Balsamiq team!