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.
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.
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).
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.
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).
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.
Need more ready-to-use UI libraries to use in your Project?
Download them from the indigodesigned community.