If you used some site assets, you should download them and install them locally separately. The wireframes are designed to work in your wireframes project symbols. To add them to your project, click the import into project button. If you want to share icons between your projects, set up your account assets folder first. Balsamiq wireframes supports the concept of symbols. You can add images in the assets view by dragging and dropping from your computer or by. Heres an example showing how we added custom icons to a mac by downloading the free. The bmpr file format is the same, so your old projects will continue to work fine. The assets view shows all images and custom icons that have been added to your project. Weve had a lot of people request a custom icons feature in the past. This software also has the number of features which may help you for different designs units use of demonstration, analysis, education and. Balsamiq wireframes has a dedicated area of the user interface for managing images, icons and other assets called the assets view.
It is often used for parts of the user interface that show up on several screens. Why we switched to font awesome for balsamiq mockups 3. Introduction to balsamiq mockups 3 balsamiq for desktop. A symbol is a group of controls that represents a single piece of functionality. Test the custom icons feature the balsamiq blog balsamiq. Using images and assets balsamiq for desktop documentation. Both methods include the transfer of symbols and assetsimages during. When i maximized the size of that calendar icon, the clear view of calendar disappeared and it doesnt fit my requirements. Simply download the latest version and install it on top of the old one. Updating from balsamiq mockups 3 for desktop or earlier whats new.
Its a free update for existing customers, you wont even need to reregister. Symbols balsamiq for desktop documentation balsamiq. Balsamiq for desktop docs introduction to balsamiq mockups 3. It was with mixed feelings that we switched to the font awesome icon set with balsamiq mockups 3 our original icons were handdrawn by peldis wife mariah so they had special meaning to us but creating new ones and keeping them updated as logos changed our twitter icon was three generations old, for example was time consuming and didnt provide as much value to our customers. Move the icons from the unzipped icons folder to your asset folder created in step 1. Balsamiq mockups 3 for desktop will run sidebyside with balsamiq mockups 2 for desktop as a separate application so no need to uninstall your current version to use it.
If you have a project created in another balsamiq product using the. Importing balsamiq for desktop documentation balsamiq. Navigate to the unzipped icons folder and select all icon files for import. I use balsamiq mockups for creating wireframe screens. They are also searchable through their official material design names. The balsamiq examples shown above are available to import or download from wireframes to. Other software sometimes refers to this feature as templates, master pages, custom components, or widgets. I did this on my mac by downloading the free 32x32px doodlekit icons. I would really like what we have already discussed further up this thread. It was with mixed feelings that we switched to the font awesome icon. If we were able to import from balsamiq to figma, the import woudnt have this functionality making it only half as useful.
Starting with todays version, you can now add your own icons to use in your wireframes. How to import wireframes and images into your balsamiq for desktop projects. The icon and label control now lays itself out properly at xs icon size thanks michael. A combo box with no text no longer collapses a website bug. Why we switched to font awesome for balsamiq mockups 3 the. Adding font icon to font awesome icons in balsamiq mockups 3.