Master a new skill.

Select a topic and start learning
  • Swift

    37 Episodes
  • Sketch

    33 Episodes
  • After Effects

    15 Episodes
  • Kite Compositor

    13 Episodes
  • Framer

    10 Episodes
  • Flinto

    10 Episodes
  • Origami

    9 Episodes
  • Game Design

    6 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.
  • Functions and Code Reusability

    Functions and Code Reusability

    Functions and Code Reusability
    • 5:32
    • Pros
    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
    • Pros
  • Adding Events to Looped Layers

    Adding Events to Looped Layers

    Adding Events to Looped Layers
    • 6:45
    • Pros
    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
    • Pros
  • Arrays and Data

    Arrays and Data

    Arrays and Data
    • 3:59
    • Pros
    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
    • Pros
  • UI Layout With Loops

    UI Layout With Loops

    UI Layout With Loops
    • 5:37
    • Pros
    Rather than explicitly writing out every single layer, it's often shorter and more efficient to use loops. We'll rebuild our album stack from design mode with code, using loops.
    • 5:37
    • Pros
  • Building Layers in Code

    Building Layers in Code

    Building Layers in Code
    • 2:36
    • Free
    Before doing the complex stuff, we'll need to master building layers from scratch in Framer code. This episode goes into the details of designing in code.
    • 2:36
    • Free
  • Sharing Your Prototype

    Sharing Your Prototype

    Sharing Your Prototype
    • 3:23
    • Free
    Obviously prototypes are created for others to experience. Learn how to upload and share your work with Framer Cloud
    • 3:23
    • Free
  • Add Code to Your Design

    Add Code to Your Design

    Add Code to Your Design
    • 7:22
    • Free
    To bring your prototype to life, you'll need to add some code. Thankfully Framer makes it easy with auto-code, even though you can still freeform edit.
    • 7:22
    • Free
  • Adding Images and Effects

    Adding Images and Effects

    Adding Images and Effects
    • 11:31
    • Free
    Adding images and enhancing the UI with tasteful effects is a big part of design. Focus on adding that final touch in this episode with some album art, shadows, and a cool trick to fade layers.
    • 11:31
    • Free
  • Laying Out Shapes and Text

    Laying Out Shapes and Text

    Laying Out Shapes and Text
    • 9:15
    • Free
    Framer is built with responsive layout in mind, and it automatically adjusts objects accordingly. The vector drawing tools should be pretty familiar, as well as text.
    • 9:15
    • Free
  • Tour the UI

    Tour the UI

    Tour the UI
    • 6:19
    • Free
    Framer Design has a UI that won't be terribly unfamiliar to anyone used to vector UI drawing on the Mac, but let's still take a quick tour around the UI and note some important features.
    • 6:19
    • Free
FirstLast