Using search

Using search is the quickest way to add content to your wireframes. To use search, click anywhere inside the input box (or press / or + to enter it).

Type a few letters from the name of a control, icon or templates and search will display a list of suggestions. Use your mouse or arrow keys to scroll down the list, and click (or press ENTER) to add the selected item on to the canvas. You can also use SHIFT+ENTER to place the item where your mouse cursor is on the canvas.

For example, typing "bu" diplays a list containing controls like "Button", "Button Bar", "Help Button", "Radio Button" and "Round Button". Typing "hel", on the other hand, only returns "Help Button". Pressing the ESC key makes the list disappear.

Typing the name of an icon from the icon library displays a list of controls, including matching icons. For example, try typing "location":

Adding templates works the same way. Try typing "e-commerce":

{{% alert info %}}Tip: As you become more familiar, you can hide the UI library and use only search to add elements to your wireframes. This helps to maximize your canvas area.

When you hide the UI library, the search field moves into the toolbar.