Master a new skill.

Select a topic and start learning
  • After Effects

    44 Episodes
  • Swift

    37 Episodes
  • Sketch

    35 Episodes
  • Framer

    22 Episodes
  • Origami

    14 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 5 of 20
Back to Episode Home
  • Improved Text Alignment and Sharing in Sketch

    Improved Text Alignment and Sharing in Sketch

    Improved Text Alignment and Sharing in Sketch
    • 3:17
    • Free
    The latest version of Sketch adds support for measuring text in different and useful ways, as well as some new sync and sharing features. Check out the details here.
    • 3:17
    • Free
  • Using Sound in Framer

    Using Sound in Framer

    Using Sound in Framer
    • 3:26
    • Pros
    Framer has a generous library of built-in sound effects from Facebook to add depth to your prototypes. Sound goes a long way toward making an experience feel amazing - and real. Learn how to use it!
    • 3:26
    • Pros
  • Complete the Answer Transition

    Complete the Answer Transition

    Complete the Answer Transition
    • 4:56
    • Pros
    The final piece of the puzzle is to advance to the next question when the user selects an answer. We'll hook up that animation and interaction in this step.
    • 4:56
    • Pros
  • Connect Events to the Button Array

    Connect Events to the Button Array

    Connect Events to the Button Array
    • 6:10
    • Pros
    With the foundation set up, we need to set up tap events to make this quiz functional. Each button tap needs to check the text vs the answer, and provide feedback animation before moving to the next screen. Lots to do!
    • 6:10
    • Pros
  • Framer Gradients and Animations

    Framer Gradients and Animations

    Framer Gradients and Animations
    • 3:03
    • Free
    Animating gradient layers is very similar to animating any other layer in Framer. In this episode, we'll handle setting up that animation and tie a gradient color to each question.
    • 3:03
    • Free
  • Using Framer Text Layer Templates

    Using Framer Text Layer Templates

    Using Framer Text Layer Templates
    • 4:17
    • Free
    Templates allow you to work with specific parts of your text, eliminating the need to build complex strings with a lot of concatenation.
    • 4:17
    • Free
  • Import JSON Data and Map to Design Layers

    Import JSON Data and Map to Design Layers

    Import JSON Data and Map to Design Layers
    • 6:01
    • Free
    This quiz game prototype is going to be built with the intent to be easily editable. That means we want to import the quiz questions and metadata from a file. Learn how to read JSON data and map it to design layers in this episode.
    • 6:01
    • Free
  • Build a Dynamic Quiz Game in Framer Design

    Build a Dynamic Quiz Game in Framer Design

    Build a Dynamic Quiz Game in Framer Design
    • 7:19
    • Free
    Framer's Design mode UI is easier to use than ever and includes powerful options for text. In this episode, we'll take a look at how to use gradients in design and the new text UI.
    • 7:19
    • Free
  • Build a 3D Scroll Transition in Flinto

    Build a 3D Scroll Transition in Flinto

    Build a 3D Scroll Transition in Flinto
    • 10:03
    • Pros
    One of Flinto's fortés is the ease with which you can build transitions, no matter how many layers are moving around and changing. Let's make this boring transition completely awesome!
    • 10:03
    • Pros
  • Creating Complex Components with Multistage Behaviors in Flinto

    Creating Complex Components with Multistage Behaviors in Flinto

    Creating Complex Components with Multistage Behaviors in Flinto
    • 13:31
    • Pros
    Most components have many more than just two states. On this detail level, there are quite a few micro-interactions that can be defined as part of one behavior.
    • 13:31
    • Pros