Principle  Course

Principle Primer

Build yourself a slick animated prototype with Principle, one of today's top choices for interactive design. Import your designs from Sketch and learn how to make advanced animated transitions in this quick primer.

There are 5 episodes.

  • 1

    Bring Your Design Into Principle

    • 6:57
    • Free
    Principle has a smooth import workflow, especially if your designs are in Sketch. To get started with the Primer, we're going to set up our prototype screens via Sketch import.
    • 6:57
    • Free
  • 2

    Auto and Gesture-Based Transitions

    • 7:44
    • Pros
    Like most current prototyping apps, states are represented by screens, called Artboards in Principle. Those familiar with After Effects will enjoy the timeline-based animations.
    • 7:44
    • Pros
  • 3

    Building Reusable Components

    • 3:40
    • Pros
    One sure-fire way to increase your speed of prototyping and updating existing prototypes is to build modularly. Similar to how a symbol works in Sketch, components are how you can accomplish reusability in Principle.
    • 3:40
    • Pros
  • 4

    Drivers and Scrolling

    • 6:04
    • Pros
    If you need to make animations that are tied to scroll or drag position, Principle is a great choice. Drivers allow you to link properties to achieve user-controlled animations and transitions.
    • 6:04
    • Pros
  • 5

    Get Your Prototype Out There

    • 4:14
    • Pros
    What good is a prototype if you're the only one who gets to play with it? Share your work with the world now that it's ready!
    • 4:14
    • Pros