- Balsamiq Wireframes for Google Drive Overview
- Getting Started
- Creating a New Project
- Using the Balsamiq Wireframes Editor
- Importing from Other Versions
- Returning to Google Drive (Closing the Editor)
- Collaborating with Other Users in Real Time
- Notification Preferences
- Installing Balsamiq Wireframes for Google Drive
- Balsamiq Wireframes Integration With G Suite Apps
- Working with Files in Google Drive
- Editor Overview
- Adding and Arranging UI Controls
- Editing UI Controls
- Sharing and Reviewing
- Collaborative Editing
- Using Images, Assets, and Icons
- Linking Wireframes Together
- Full Screen Presentation Mode
- Keeping Projects Clean and Organized
- Keyboard Shortcuts
- Troubleshooting 'ReferenceError: gapi is not defined' Error
- Troubleshooting 'Maximum Number of Pinned Revisions Exceeded' Error
- Troubleshooting 'Sorry, sharing is unavailable at this time. Please try again later' Error
Balsamiq Wireframes for Google Drive Overview
Balsamiq Wireframes for Google Drive allows you to add and edit wireframes directly from Google Drive, where the files are stored and managed. If you use other Google Drive apps (Google Docs, for example), the file management features should be very familiar to you.
With easy sharing, version control and even real-time collaboration, Balsamiq Wireframes for Google Drive makes iterating on wireframes easy and fun. To learn how to sign up for or manage a subscription, check out the Balsamiq Wireframes for Google Drive subscription FAQ.
The instructions for installing Balsamiq Wireframes for Google Drive can be found on this page.
For a quick overview before starting to use the application, check out this 5 minute video covering the main features of Balsamiq Wireframes for Google Drive.
Creating a New Project
There are two ways to create a new Balsamiq Wireframes project in Google Drive.
- You can click "New > Balsamiq Wireframes" from the Google Drive file list as shown above.
- If you are using the Chrome browser, you can also launch Balsamiq Wireframes for Google Drive from the Chrome Apps tab (open a new tab and type "chrome://apps/"). Click the big Balsamiq Wireframes icon and it will open the editor directly.
Either method will launch the Balsamiq Wireframes editor, allowing you to create your wireframes (or import existing ones).
This will also create a new project file (.bmpr file extension) in your Google Drive. If you launched Balsamiq Wireframes for Google Drive from the Chrome Apps page, your file will be saved in your Drive’s home folder. Otherwise it will be saved in the folder selected when you created the new Balsamiq Wireframes project.
Note: Your work is always automatically saved on Google Drive as you make edits. To exit the editor, simply use the "Back to Google Drive" option in the Project menu.
Using the Balsamiq Wireframes Editor
The Balsamiq Wireframes editor allows you to create wireframes just like our other products. Start with the application overview to learn more about using the editor.
Importing from Other Versions
If you have a project created in another Balsamiq product (using the .bmpr extension), the easiest way to import it is to create a new project and use the "Project > Import > Import from BMPR..." option.
Returning to Google Drive (Closing the Editor)
When you are done editing your wireframes you can exit the editor by selecting “Back to Google Drive” in the Project menu. This will also create a new version of the file in case you want to revert to it later.
Alternatively, you can perform the same action by clicking on the breadcrumb link pointing to the parent folder of your BMPR project, on the top-left part of the menu bar.
Collaborating with Other Users in Real Time
Balsamiq Wireframes for Google Drive supports real-time collaboration between users. See Collaborative Editing for more details.
Notification Preferences are in your User Settings which you can access at any time by clicking your user avatar (icon) in the upper-right corner of the window.
Notifications allow you to be emailed about changes that affect your projects. Those include edits, comments, likes, and more.