Interaction Libraries

Interaction libraries are essentially collections of components existing in ProtoPie Cloud for you and team members to use instances of components in prototypes very easily and quickly.

There are three types of interaction libraries: team, private, and public libraries.

  • Team libraries (team plan and enterprise plan): Any editor in a team can create team libraries and invite other editors to make changes to a team library. Components in team libraries can be used by all editors of a team.

  • Personal libraries (all plans): you can create personal libraries in your personal space in the cloud. Only you can use the components in the personal libraries.

  • Public libraries (all plans): you can use any components in the public libraries that serve as standard libraries for anyone to use. Examples are Material Design and iOS interaction libraries.

Creating Interaction Libraries

You can create a new interaction library by clicking any of the + buttons on the right side in the Team Library or Personal Library sections in the component panel. After naming the library and adding an optional description, create the library by clicking on the Create button.

Then a new library window will be opened and you will be able to see the current interaction library tagged as 'Currently Editing' in the component panel. The purple banner on top tells you that you are in library edit mode.

Publishing Interaction Libraries

For you and/or others in your team to use the latest components in your interaction libraries, you would have to publish your changes to the cloud. Save your changes first and then click on the Publish button on the right side of the purple banner or in the top right corner of ProtoPie Studio.

If your interaction library is a team library, any member of your team who is an editor can use these components in their prototypes.

Adding Component Instances

You can create an instance of a component by dragging a component from any interaction library in the component panel to the canvas of a scene. Also, it's possible to create instances of components from multiple interaction libraries.

Updating Interaction Libraries

If the interaction libraries of which components are being used as instances in your prototypes have been updated, you will see a notification on the update library icon. You can choose which interaction libraries to update in the Update Library window. Optionally, you could refresh manually by clicking on the refresh icon in the top right corner to check whether there are new library updates.

Export as New Library

You don't always have to create a library first and then add components. If you have a Pie with local components already, just export it as a new library by clicking on File and then Export as New Library.

This way, you can basically put all components that you have in a Pie into a library, all at once.

Handling Conflicts

If someone made changes and published these to the same interaction library that you are currently editing, you will see a warning message. You can either overwrite with your changes or update the library to the new version available while discarding your own changes.