Framer comes with Utils functions that help you do things like:

  • Quickly attach labels to layers.
  • Map a layer’s property to something on a different scale, to create e.g., a parallax effect.
  • Trigger animations with an interval or delay.
  • Generate random values, colors, and images.
  • Add your own CSS code to prototypes.
  • Detect whether your prototype is running on a desktop, tablet, or phone.

I discuss the most common utilities here; a few more (frame inset, debounce, and throttle) are explained in the Framer Classic docs.