Topic  

Principle

Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.

There is 1 Principle course.

  • by Chris Slowik

    Build yourself a slick animated prototype with Principle, one of today's top choices for interactive design. Import your designs from Sketch...

There are 5 Principle episodes.

  • Get Your Prototype Out There

    Get Your Prototype Out There

    Get Your Prototype Out There
    • 4:14
    • Free
    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
    • Free
  • Drivers and Scrolling

    Drivers and Scrolling

    Drivers and Scrolling
    • 6:04
    • Free
    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
    • Free
  • Building Reusable Components

    Building Reusable Components

    Building Reusable Components
    • 3:40
    • Free
    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
    • Free
  • Auto and Gesture-Based Transitions

    Auto and Gesture-Based Transitions

    Auto and Gesture-Based Transitions
    • 7:44
    • Free
    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
    • Free
  • Bring Your Design Into Principle

    Bring Your Design Into Principle

    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