Download Indigo Studio

Reusable UI Libraries

You already know about screens and storyboards in Indigo Studio. A screenpart, like the name suggests, can be defined as a reusable part of your screens.

Your Unique UI Library

Indigo Screenparts 1

The Screenpart library exists in addition to the essentials and iOS Pack in your UI toolbox, and is shown as “Screenparts” tab. A screenpart, like the name suggests, can be defined as a reusable part of your screens.

To create one, start with the default UI elements and customize them for your needs. Then select “convert to screen part” to add it to the project’s screenpart library. Once added, screenparts are available for re-use anywhere in the project— just drag and drop.

Learning video series: How to get the most out of Screenparts with Indigo Studio.

Re-use & Remix as Required

Indigo Screenparts 2

When you add a screenpart to your designs, Indigo Studio adds an instance of that screenpart. You then maintain full creative control to tweak the styles to suit any design context (i.e., size, text, color, position).

Screenparts as Screen Masters

Indigo Screenparts 3

To use as a screen master, create and save a new screenpart containing your base layout. For a typical web-page this could mean adding anything from headers, navigation, side menus, content area, and footers. Then, to start a new screen design, simply drag and drop this saved screenpart, and that’s it! If you need to make global changes to the screenpart instances, just edit the source screenpart.

Re-Usable Interactive UI Elements

Indigo Screenparts 4

Go beyond static UI elements and create custom interactive elements and widgets using screenpart states; it’s exactly like creating states for screens. The interactions explorer in Indigo Studio precisely shows the interaction flows in a graphical manner, complete with every interaction and its corresponding result (state).

Organizing Your Screenpart Library

Indigo Screenparts 5

It’s easy to manage your screenpart library with screenpart groups. Right-click on a screenpart in your library to add to an existing group or create a new group. You can also add a single screenpart to multiple groups.

Browse & download UI libraries from the Community

Community Library (1)

Need more ready-to-use UI libraries to use in your Project?
Download them from the indigodesigned community.