Master a new skill.

What do you want to learn today?
  • Swift

    48 Episodes
  • After Effects

    44 Episodes
  • Sketch

    35 Episodes
  • Framer

    34 Episodes
  • Game Design

    23 Episodes
  • Origami

    22 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Watch every episode in the vault.

See what we've recently released, or explore the Library.
  • Link a Progress Animation to Scroll Distance

    Link a Progress Animation to Scroll Distance

    Link a Progress Animation to Scroll Distance
    • 5:31
    • Pros
    Small details can make an interaction way more satisfying. Connecting the animation of a progress ring to the scroll progress on the cards is one of those small details. Here's how to do it.
    • 5:31
    • Pros
  • Scrolling Groups with Custom Page Sizes

    Scrolling Groups with Custom Page Sizes

    Scrolling Groups with Custom Page Sizes
    • 8:55
    • Pros
    Creating some custom behavior for a scrolling group can seem daunting but its simply a matter of understanding how a scroll group works and supplying the right values.
    • 8:55
    • Pros
  • Fix Clipping Issues

    Fix Clipping Issues

    Fix Clipping Issues
    • 2:03
    • Free
    This episode is just a quick update to fix some visual issues with the artwork. We'll show a different way to structure the cards to avoid cutting off huge glows.
    • 2:03
    • Free
  • Getting Used to Using Components

    Getting Used to Using Components

    Getting Used to Using Components
    • 8:15
    • Free
    Components are something that can easily be overlooked, but they're hugely useful. Make the switch to thinking about components like symbols in Sketch.
    • 8:15
    • Free
  • Accurately Transfer Designs from Sketch

    Accurately Transfer Designs from Sketch

    Accurately Transfer Designs from Sketch
    • 10:45
    • Free
    Importing designs from Sketch is pretty easy in Origami, but there are a couple different methods of import. Depending on how you need to use the imported layers, one method might be preferable over the other.
    • 10:45
    • Free
  • Simulated App Launching

    Simulated App Launching

    Simulated App Launching
    • 6:40
    • Free
    Start off this prototype by making the app launch from the iOS Home Screen.. virtually! We'll use repeating animation and work with loading images in this quick intro lesson.
    • 6:40
    • Free
  • Load and Use JSON Data with Symbols

    Load and Use JSON Data with Symbols

    Load and Use JSON Data with Symbols
    • 4:01
    • Pros
    Symbols become even more powerful when you use them to generate dynamic content based on data. We'll start using the drink list item symbol in this episode with an external JSON data file.
    • 4:01
    • Pros
  • Replacing Sample UI Elements

    Replacing Sample UI Elements

    Replacing Sample UI Elements
    • 7:16
    • Pros
    When designing your UI, it's useful to create and see states that are fueled by data. So how do you then turn around and power that UI with data in your prototype?
    • 7:16
    • Pros
  • Framer v108 - Shapes and Frames

    Framer v108 - Shapes and Frames

    Framer v108 - Shapes and Frames
    • 15:34
    • Free
    Framer version 108 is an awesome design-focused update, with the addition of a pen tool, shapes, and better grouping! Learn about the new features while making a cool lock/unlock button.
    • 15:34
    • Free
  • Using Templates and States on Symbols

    Using Templates and States on Symbols

    Using Templates and States on Symbols
    • 6:45
    • Pros
    One reason symbols are so powerful is because you can set up the instances to be customizable using text templates and states. The drink list item has multiple states and placeholder texts - time to make it a symbol!
    • 6:45
    • Pros
FirstLast