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.
Last update: May 14, 2019 — All content is updated for Framer X26 with Playground and the new APIs!
- Design Components
- Code Components
- Example animations Updated
I’m currently 👨💻 working on — coming soon:
- A full explanation of the new animation API
- Following drag & scroll movements with
- … and much more in the upcoming months
There’s a changelog of the book’s content.
Questions? Check the FAQ.
All Framer X book content is updated for Framer X23!
All the examples now use the new animation API and all Code Components are ‘function components’.
Pages about the former animation API and ‘class components’ were moved to an ‘Archive’ section.
Framer Beta ⚡️ content added recently:
🔹All the details about Overrides (with new animation API)
🔹Example animations — as Code Components and Overrides
🔹New Code Components (now ‘functional components’ with hooks)
👨💻 working on : animations overview! https://t.co/NHFrjT9lou
Logic and data for my personal blog is ready so wanted to have some fun designing the blog page, I did it in @framer since I’ve been wanting to learn it. @framerbook is a great resource to do so! Feedback always welcome 🤗 #typography #productdesign https://t.co/lOwCRPcft8