1. Bring Your Design Into Principle

    6:57FreeDone
  2. 2

    Auto and Gesture-Based Transitions

    7:44ProsDone
  3. 3

    Building Reusable Components

    3:40ProsDone
  4. 4

    Drivers and Scrolling

    6:04ProsDone
  5. 5

    Get Your Prototype Out There

    4:14ProsDone

Bring Your Design Into Principle

Published by Chris Slowik

Episode Notes

Extra tips from the author

Background

Principle is one of the top tools used by interactive designers to create prototypes. By making it easy to test and iterate on your ideas, Principle gives designers the power to make better products, faster.

Get Principle

Don't have Principle? Download it! Get a free trial here.

Importing

Importing to Principle is pretty straightforward, although there are a few things to keep in mind:

  • Your design must be open in Sketch
  • Nested symbols don't import well. Break them apart to preserve appearance.
  • Groups will import, as will most simple vector layers (rectangle, ellipse, etc)
  • You can flatten a group by adding an asterisk (*) suffix to the group name in Sketch.
  • Likewise, you can prevent a layer from importing by adding a minus sign (-) suffix.
  • Complex paths will be flattened
  • Keep fills/borders to 1 per object to avoid flattening.
  • Blurs and masks will be flattened.
Episode Topics: