Framer X

Learn how to make more advanced prototypes with Framer X.

The Framer X book teaches you how to add simple animations to your prototypes with Overrides. And how to create your own Code Components, like those that you can find in Framer’s Store.


The Framer X book 🚀 launches this Wednesday – March 20


A Framer X book subscription will be $9 / month or $99 / year. (You can cancel anytime.)

50% off until March 25: The first year for only ⚡️$49.

Table of contents

  1. Design Components
    1. Design Components
  2. Overrides
    1. Overrides
    2. The simplest possible override
    3. More complicated overrides
    4. Separate overrides for event handler and target
    5. Overriding Code Components
    6. Animations
      1. Animatable properties
      2. Animation curves
      3. Animating a Scroll component
  3. Code Components
    1. Code Components
    2. Deconstructing a Code Component
    3. Customizing an existing component
    4. Property Controls
      1. String
      2. Color
      3. Image
      4. Number
      5. File
      6. Boolean
      7. Enum
      8. Segmented Enum
      9. Fused Number
    5. States (soon)
    6. Using Stack, Scroll and Page inside Code Components (soon)

Join the Framer book mailing list

(± 6 emails/year)


We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices here.

Leave a Reply