CUSTOM WIDGET LIBRARIES

Create a library for icons, design patterns, branded elements & more

 

To load a custom widget library, choose

“Load Library” from the dropdown menu in the Widgets pane toolbar and browse to the .rplib file. After loading the library, it will appear in the Widgets pane and you can drag and drop them onto the design area as normal.

 

To automatically load the library each time you start Axure RP, save the .rplib file in the /My Documents/Axure/Libraries folder on your PC, or /Documents/Axure/Libraries on your Mac. Axure RP will also attempt to load libraries saved elsewhere if they have been previously loaded.

 

To unload a library, choose “Unload library” from the dropdown menu in the Widgets pane toolbar and it will remove the library from the Widgets pane.

 

You’re all set to start creating your own custom widget libraries. Let us know if you'd like to share them with other

Axure RP customers.

You can edit custom widget properties like the widget icon and widget description by opening the widget for editing in the Widgets Library pane and selecting the “Widget Properties” tab in the bottom center pane.

 

By default, the icon that appears in the Widget pane is a thumbnail of the actual widget. To import a custom icon, click on the Import Icon button and choose the image file.

 

You can also add a tooltip with additional information such as a description, instructions, or attribution. The tooltip is shown in the Widgets pane when you click on the Information icon next to widget.

 

The Preserve Corners feature allows you to resize an image without stretching the corners of the image. This is useful for creating widgets that are images like dialog windows and image buttons.

 

To preserve the corners of an image, toggle the Preserve Corners checkbox from the Properties tab.

 

This shows two arrows above and two arrows to the left of the image. When you drag the arrows, guides will appear to help you set the size of the corners to preserve.

 

The Custom Widget Libraries feature allows you to create your own libraries of icons, design patterns, branded elements and more and load them directly into the Widgets pane.

 

The libraries are created as standalone .rplib files (separate from .rp files) that you can easily share with teammates or other Axure users. You can download libraries that we've created and libraries shared by Axure RP customers on the Widget Libraries page, including the Yahoo! Design Stencil Kit, social media widgets, Windows and OSX elements, commonly used design patterns, Android and iPhone UI objects, icons, and more.

 

Features

Learn

Community

Company

Buy

Download

AxShare

Forum

Manage Licenses

Blog

To create your own custom widget library, choose “Create library” from the dropdown menu in the Widgets pane toolbar and name the .rplib file.

 

This creates the .rplib file and will launch a second instance of Axure RP. Since this is a library file, the Sitemap pane is replaced by the Widget Library pane. You can add, delete, and organize the widgets in this pane.

 

You can create your custom widgets using the existing widgets (including widgets in other custom widget libraries) and images the same way you design pages.

 

Interactions added to custom widgets are preserved when the custom widgets are added to your project.

 

For example, you can create a switch button using a dynamic panel that toggles between an On and Off state using interactions. The button will have those interactions when you add the custom widget to a page.

 

Tip: To make a custom widget that is grouped when added to a page, group the widgets in the custom widget in the .rplib file (Ctrl+A to Select All and Ctrl+G to Group or Cmd+A and Cmd+G on Mac).

 

To view the new custom widgets in the Widgets pane, save the library file (File -> Save, or Ctrl+S / Cmd+S) and choose “Refresh library” from the dropdown menu in the Widgets pane toolbar.

 

Home

Features

Community

Learn

Support

Company

Download

Buy

Contact

Privacy

Legal

Sitemap

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

u76_start u76_end u76_line

Patents

CUSTOM WIDGET LIBRARIES OVERVIEW

LOAD CUSTOM WIDGET LIBRARIES

CREATE CUSTOM WIDGET LIBRARIES

Edit Custom

Widget Properties

Preserve Corners

Create library

Add interactions

Similar to pages in your sitemap, custom widgets can be organized into folders for better organization. 

 

Use the folder icon in the Custom Widget Library pane to add a folder. Drag and drop the widgets into the hierarchy, or use the arrow icons to move them around.

Custom widgets can be assigned custom styles to allow for a greater control of styling once added to the project. When designing custom widgets, create and use custom styles like you would normally. 

 

When the custom widgets are added to a project, the styles will import into the RP file automatically. To learn more about Custom Styles, go to the Widget Style Editor section of the Widgets article.

Organizing

widgets into folders

Using Custom Styles

Still need help? Check out the forum or drop us a line at support@axure.com.

THE ROUND UP

u141_start u141_end u141_line
u143_start u143_end u143_line
u145_start u145_end u145_line
u147_start u147_end u147_line
u149_start u149_end u149_line