Recent Blogs
  • What to expect in an interview for a .NET job
    POSTED ON: 02/06/2015 8:45 AM  BY:  DevToolsGuy
    Around the world there is an urgent need for skilled developers. Even Barack Obama told us that the world needs developers and that kids should...
  • Top Hacker News: Week of January 26, 2015
    POSTED ON: 01/29/2015 1:11 PM  BY:  DevToolsGuy
    The world has been waiting for a way to unboil eggs for generations. Well, not really. But we now know how to do it, thanks to an international...
  • Should I Choose a Pie Chart or a Bar Chart?
    POSTED ON: 01/22/2015 10:24 AM  BY:  Tim Brock
    Imagine you want a chart that shows how some whole is divided up among its constituent parts. Popular convention may tell you to think in terms...

View All

Download Indigo Studio

Create, Reuse, Remix with Screenparts

You already know about screens and storyboards in Indigo Studio. Now we're introducing Screenparts!

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.

Share Across Projects & with Teams!

Indigo Screenparts 6

If you have already created a screenpart library in a different Indigo Studio project, you can easily add it to a new project or it share with other team members. Use the export files & assets featureand Indigo Studio will neatly package up all the screen parts and associated image assets. Simply add this exported folder to your project or send it to someone else.

Want to try out Screenparts? Download a demo project that makes use of them! From this project you can select the screenparts and try exporting them to any existing Indigo Studio project (folder).