Master a new skill.

Select a topic and start learning
  • Swift

    46 Episodes
  • After Effects

    44 Episodes
  • Sketch

    35 Episodes
  • Framer

    29 Episodes
  • Game Design

    21 Episodes
  • Origami

    16 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 2 of 22
Back to Episode Home
  • 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
  • Animate a Splash Screen in Origami with Repeating Animation

    Animate a Splash Screen in Origami with Repeating Animation

    Animate a Splash Screen in Origami with Repeating Animation
    • 6:38
    • Pros
    Now that we have a random star field, the last bit of polish on this splash screen is to add some animation!
    • 6:38
    • Pros