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

    6:57FreeDone
  2. 2

    Auto and Gesture-Based Transitions

    7:44ProsDone
  3. Building Reusable Components

    3:40ProsDone
  4. 4

    Drivers and Scrolling

    6:04ProsDone
  5. 5

    Get Your Prototype Out There

    4:14ProsDone

Building Reusable Components

Published by Chris Slowik on February 19, 2017

Episode Notes

Extra tips from the author

Components

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: