Master a new skill.

What do you want to learn today?
  • After Effects

    44 Episodes
  • Swift

    37 Episodes
  • Sketch

    35 Episodes
  • Framer

    29 Episodes
  • Origami

    16 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.
  • Add Missing Patch Options

    Add Missing Patch Options

    Add Missing Patch Options
    • 1:29
    • Free
    When you build a custom component, you need to make sure to expose any property that you want to be editable. There are a few lingering properties to add to our walkthrough card component.
    • 1:29
    • Free
  • Build a Card UI with Components

    Build a Card UI with Components

    Build a Card UI with Components
    • 9:30
    • Pros
    The walkthrough screen is going to be built as a carousel of cards. We'll tackle building the card component in this episode.
    • 9:30
    • Pros
  • Design a Reusable List Item in Framer

    Design a Reusable List Item in Framer

    Design a Reusable List Item in Framer
    • 9:55
    • Pros
    The skeleton of this prototype is just about done, so this episode will be focused on filling out the details on all the screens - including the important Drink list item.
    • 9:55
    • Pros
  • Design an Interactive Settings Screen

    Design an Interactive Settings Screen

    Design an Interactive Settings Screen
    • 9:38
    • Pros
    Every app needs a settings screen. There's not a whole lot to this app, so this can be tackled in one episode - moving a little faster with Design mode now, as you get some more practice!
    • 9:38
    • Pros
  • Build Better Tap Areas Using Parent Objects

    Build Better Tap Areas Using Parent Objects

    Build Better Tap Areas Using Parent Objects
    • 4:32
    • Pros
    If you're using icons or text for buttons in Framer, its often useful or even necessary to augment the tappable area for usability. Learn a quick and easy way to build better buttons in this episode.
    • 4:32
    • Pros
  • Navigation Bar Design with Framer

    Navigation Bar Design with Framer

    Navigation Bar Design with Framer
    • 4:48
    • Pros
    Before getting into the details of each screen, it's usually useful to stub out the navigation of the app, at least for a simple one with few screens. Get some more practice in Design mode with the Navbar design.
    • 4:48
    • Pros
  • Simulate an App Launch with FlowComponent

    Simulate an App Launch with FlowComponent

    Simulate an App Launch with FlowComponent
    • 4:59
    • Pros
    Time to get started adding interactive elements to this prototype. Learn how to use FlowComponent to create transitions, show modals, and control your app flow.
    • 4:59
    • Pros
  • Design an iOS-Style Dialog

    Design an iOS-Style Dialog

    Design an iOS-Style Dialog
    • 6:41
    • Free
    In this episode you'll build an iOS-style dialog to request the user's permission to connect to HealthKit. It's a bit of realism to add to the prototype!
    • 6:41
    • Free
  • Splash Screen Design in Framer

    Splash Screen Design in Framer

    Splash Screen Design in Framer
    • 3:07
    • Free
    Start at the beginning - learn about multiple drop shadows and gradients by building a simple splash screen. Get your feet wet!
    • 3:07
    • Free
  • Build Screen Transitions in Origami Studio

    Build Screen Transitions in Origami Studio

    Build Screen Transitions in Origami Studio
    • 6:31
    • Pros
    With the splash screen built, we can contain it in a Screen component and transition to the walkthrough. We’re also getting started with layout and design of the walkthrough in this episode.
    • 6:31
    • Pros
FirstLast