You must be a Pro member to watch this episode.

Get Access Now

Sign in now if you're already Pro.

  1. 1

    Bring Your Design Into Principle

  2. 2

    Auto and Gesture-Based Transitions

  3. Building Reusable Components

  4. 4

    Drivers and Scrolling

  5. 5

    Get Your Prototype Out There


Building Reusable Components

Published by Chris Slowik on February 19, 2017

Episode Notes

Extra tips from the author


Like symbols, only better.

Components are Principle's version of a symbol. A component can be in multiple locations and artboards, and a change to it will affect all instances. A component can also contain artboards itself, and interactions within those artboards. Using components, you can build rich micro-interactions into your prototypes and test small delights. One current limitation is that you can't overlap gestures.. meaning you can't assign a tap micro-animation with a tap gesture to another screen. You could however, use a component with no tap gesture, which is what we'll do for the menu button. For something such as a "Like" button, you could build all possible states of that component and basically bake your micro-interaction into the containing artboard, no transitions needed.

Episode Topics: