👋🏽 We wrote a book! Order Wireframing for Everyone today →

Balsamiq

Toggle navigation

The UI Library


The UI Library, or User Interface controls Library, is the long strip of user interface controls just below the toolbar. It lists all of the UI control types that are included as well as Assets, Icons, and Symbols. The main goal of the UI Library is to let you add UI controls to the canvas, but you can also use it to get inspiration for your wireframes.

The UI Library is divided into four main sections: UI Controls, Icons, Images, and Templates. This helps you sort through a lot of controls efficiently without getting lost in a sea of Icons or Images.

To add a new UI control to the canvas, select the control type you wish to add and then either drag it to the canvas below, or double-click it.

The UI Library is resizeable. If you grab the bottom of the library you can drag it down to make the library bigger, or move it up to make it smaller.

gif

The UI Library can also be toggled on and off by either clicking the icon in the Right Bar, or by using the keyboard shortcut CTRL/+L.


Using Templates

Our Template section contains dozens of highly curated templates designed to speed up your wireframing.

Once you have pressed the Templates button, the UI library will expand and display all of the templates available. You can browse the various collections by selecting a filter from the filter button bar.

Once you find a collection or folder you want to explore, click on it to open it, and then you can drag any of the templates from that folder into your project.

You can also use the Quick Add tool to search for a template you would like. If there are multiple entries, the result will show a folder with the number of results next to it.

Selecting the result will display all the applicable templates in the UI Library. You can add any of them by dragging them onto your canvas or, if you want them all, you can press the Add All as New Wireframes button.