WIDGET LIBRARIES

OVERVIEW

The standard Axure RP widget libraries—Default, Icons, and Flow—come pre-installed with the tool. But you can also install more libraries and even author your own in RP just as you would create regular .rp files.


Axure widget library files exist in your computer's file system as standalone files with the .rplib extension. You can download libraries created by Axure and by members of the Axure user community from our Widget Libraries page. Types of libraries available include social media widgets, Windows and Mac OS X elements, commonly-used design patterns, Android and iPhone device bodies and UI elements, icon sets, and more.


You can also create your own libraries, by yourself or collaboratively, and then share them with colleagues or with the wider Axure community.

LOADING AND UNLOADING LIBRARIES

Libraries are loaded and viewed in the Libraries pane—the left-middle pane in the Axure RP user interface.

LOADING LOCAL LIBRARY FILES

To load an .rplib file—whether you've downloaded it or created it yourself—into the Libraries pane for use, click the menu icon in that pane's local toolbar. From the resulting menu, click "Load Library…" to open your file browser. Browse to an .rplb file and select it to load it into the Libraries pane. After you load a library, you can switch to it using the dropdown at the top of the pane.


Every time you open Axure RP, the tool will attempt to load all of the local libraries you've loaded in the past. RP will also attempt to load any libraries it finds at the following file locations:

<C:\Users\%username%\My Documents\Axure\Libraries> (Windows)

<~/Documents/Axure/Libraries> (Mac)

LOADING LIBRARIES FROM AXURE SHARE

To load a widget library hosted on Axure Share, click the menu icon in the Libraries pane's local toolbar and then click "Load from Axure Share…". You can click the "..." button to browse to a library hosted on your Axure Share account. You can also just enter the library's 6-digit Axure Share ID if you know it. Then click "Load".


Every time you open Axure RP, the tool will attempt to load any Axure Share libraries you've previously loaded. While working in Axure RP, you can switch to a library in the dropdown and then choose "Refresh Library" in the menu icon in the Libraries pane's local toolbar to get the latest version of your current library.

UNLOADING

To unload a library, choose the library in the Libraries pane dropdown. Then, click the menu icon to the right of the Libraries pane's title and select “Unload Library".

REFRESHING

Refresh a library to make sure you have the latest changes. This is useful for libraries loaded from Axure Share and for libraries in your file system you think may have been updated recently, especially those accessible to other Axure RP authors.


To refresh a library, choose the library in the Libraries pane dropdown. Then, click the menu icon to the right of the Libraries pane's title and select “Refresh Library".

CREATING LIBRARIES

Create a widget library for your own use or to share with a team or the Axure community. You can collaborate with team members to create a Team Library.


To create a new library, click the menu icon in the Libraries pane's local toolbar and choose "Create Library…". Name your new library in the file browser. Your new .rplib file will open.

MORE RESOURCES

© 2002-2016 Axure Software Solutions, Inc. All rights reserved. Axure ® is a registered trademark of Axure Software Solutions, Inc.

AXURE

RESOURCES

LEGAL

CONNECT

EMAIL

LIBRARIES AS TEAM PROJECTS

You can author a library collaboratively as a team project. After making a local library file following the steps above, you can turn it into a team project by going to "Team > Create Team Project from Current File". Team functionality for libraries works just like other team projects. Read the Team Projects tutorial to learn how to check in and out from the team project.

CREATING WIDGETS

When working in a widget library, you'll notice that the Pages pane is now titled the "Widget Library Pages" pane. Each page in the Widget Library Pages pane corresponds to one custom widget.

 

Create your widgets just the way you would create your diagrams in a regular project file, using any of the widgets in your Libraries pane.


Tip: if your widget is made up of multiple parts, it can be helpful to group the contained widgets. Learn about your grouping options in our Groups training article.

ORGANIZING WIDGETS INTO FOLDERS

Widgets can be organized into folders. Folders in the Widget Library Pages pane will turn into section headings when your new library is loaded into the Libraries pane. Widget library sections in the Libraries pane can be expanded and collapsed.

STYLES

Library widgets can be assigned widget styles. To learn about widget styles, check out our Widget Styles training article. When widgets from your new library are added to diagrams in a regular .rp file, the styles will be imported into the .rp file automatically.

INTERACTIONS

You can build interactivity into the widgets in your library, allowing you to maintain reused interactive assets like buttons, switches, and flyouts in a widget library.

ICONS IN THE LIBRARIES PANE

Every widget needs an icon to represent it in the Libraries pane. By default, each of your custom widgets uses a small thumbnail image of itself as its icon. If you prefer, you can upload an image to serve as a custom icon.


To add a custom icon, open a widget for editing on the canvas and then switch to the Inspector's Properties tab. Click the radio control labeled "Custom icon". Click "Import" to add a new 28-by-28-pixel image. You can optionally add a second, 56-by-56-pixel icon for use with high-density computer displays.

TOOLTIPS

Widgets in the Libraries pane can have tooltips. Widgets with tooltips will gain a grey "?" icon when moused over in the Libraries pane. Clicking the "?" icon shows the tooltip.


To add or edit tooltip text, use the "Tooltip" field in the Inspector's Properties tab.


This section of text can also be a good place to put tips for users like details of interactions added to the widgets, or credit for images or fonts used in the widget.

ADAPTIVE VIEWS

Widgets in libraries can use adaptive views. If you haven't worked with adaptive views, learn how to use them in our Adaptive Views training article. You can create adaptive views in your widget library and customize widgets for each adaptive view. For best results, make sure the set of adaptive views you've configured in your widget library matches the set of AVs in the regular RP files you plan to work on with your new widget library.

You can see your widgets' custom icons, tooltips, and other recent changes even while you're still editing the widget library in RP—just select and refresh the library you're editing in the Libraries pane.