Framer  Course

Code with Framer

The power of Framer really lies in being able to code up anything you wish. Building a dynamic card stack, this series serves as a crash into the world of Framer code!

There are 5 episodes.

  • Building Layers in Code

    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 to Watch
    • Watched
  • UI Layout With Loops

    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...

    • 5:37
    • Free to Watch
    • Watched
  • Arrays and Data

    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 to Watch
    • Watched
  • Adding Events to Looped Layers

    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 to Watch
    • Watched
  • Functions and Code Reusability

    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...

    • 5:32
    • Free to Watch
    • Watched