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.

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 categories by selecting a filter from the filter button bar.

Once you find a category 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. If you need them all, you can press the Add All as New Wireframes button.

You can also use search to find a template you would like.