Master a new skill.

Do you want to learn Sketch today?
  • Swift

    48 Episodes
  • After Effects

    44 Episodes
  • Sketch

    35 Episodes
  • Framer

    34 Episodes
  • Game Design

    23 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 8 of 22
Back to Episode Home
  • 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
  • Create Intermediate Animations with Behaviors in Flinto

    Create Intermediate Animations with Behaviors in Flinto

    Create Intermediate Animations with Behaviors in Flinto
    • 4:15
    • Pros
    Building a basic behavior is fairly straightforward, but lets take it a bit further by adding some more detailed animations to a behavior.
    • 4:15
    • Pros
  • What is a Behavior in Flinto?

    What is a Behavior in Flinto?

    What is a Behavior in Flinto?
    • 5:27
    • Free
    In Flinto, micro-interactions are contained inside "behaviors". We'll kick it off by defining a simple behavior with two states and a tap.
    • 5:27
    • Free
  • Functions and Code Reusability

    Functions and Code Reusability

    Functions and Code Reusability
    • 5:32
    • Free
    Duplicating code is something to avoid no matter what you're building, and functions are the first line of defense against that trap! Learn the basics of writing reusable framer code in this episode.
    • 5:32
    • Free
  • Adding Events to Looped Layers

    Adding Events to Looped Layers

    Adding Events to Looped Layers
    • 6:45
    • Free
    Adding events to objects is pretty straightforward, but when those objects are in a loop, it gets a bit trickier. Let's add interaction to the album stack..
    • 6:45
    • Free
  • Arrays and Data

    Arrays and Data

    Arrays and Data
    • 3:59
    • Free
    Arrays are useful constructs in any language, and Framer is no different. We'll put them to good use in this episode to populate our album stack with images.
    • 3:59
    • Free