Learn how to make more advanced prototypes with Framer X.
The Framer X book shows you how to add different kinds of animations to your prototypes, it has all the details about Overrides, and it teaches you how to create your own Code Components, like those that you can find in the Store.
All example projects and explanations are up-to-date for Framer X32 with Playground and the new APIs (older content is in the Archive).
Last update: July 1, 2019
- Design Components
- Code Components
- Animation New Free
- The Animate property New Free
- The Transition property New Free
- While Hover and While Tap New Free
- Hooks New
- The useState() hook New
- The useCycle() hook New
- The useAnimation() hook New
- Keyframes New
- Tips for Overrides New
- Animatable properties
- Animation curves
- Animating a Scroll Component
- A Frame’s animation properties New
- Example animations
I’m currently 👨💻 working on — coming soon:
- 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.
New in the @framer X book: A chapter about 🎞️ Keyframes
This is a second way (apart from async/await) to create a sequence of animations in Framer X. With examples of how to adjust the timing between animations and change their easing curves.
New ✨ in the @framer X book: 💫 Playground Animations
This is a big update 💪 that took me almost a month to finish 😅
Check out the 🆓 chapters:
🔹The Animate property
🔹The Transition property
🔹While Hover and While Tap
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