Framer X Student Discount

The Framer book explains everything about using code in Framer. It shows you how to create different kinds of animations, has all the details about overrides, and teaches you how to create your own code components. This Framer course also doubles as an extended manual that you'll often refer to.

Framer X Tutorials

With Framer, our mission is to make prototyping available to everyone. Instead of providing you with a discount, we've introduced a free plan to allow anyone to get started with Framer. Head on over to our pricing page to learn about all the things you can do on the free plan! Framer is easy prototyping on the web. And it's got all the team collaboration features you'd want in a high-fidelity prototyping tool: multi-player editing, easy sharing, inline commenting, reusable components, mobile preview, and developer handoff. Framing usually consists of a rigid case composed of wood, metal, plastic and sometimes glass to enclose the artwork. Used primarily to bring focus to a subject and/or to add depth. Frames offering backing are primarily used for drawings, prints, and watercolors, while open back frames are intended more for framing paintings on stretched canvas.

Framer Web

All content is always updated for the latest versions of Framer Web and Desktop.

Last update: October 21, 2020

'Framerbook is the hidden Framer manual I always turn to. It keeps up to date with Framer's changes and is extremely well written.'

Product Designer at Pitch Audio capture engine mac.

'The Framer book has always been my go-to resource when making something in Framer. Osx vector drawing program. https://bestffil824.weebly.com/mac-studio-tech-nc20.html. It's incredible how well written the book is.'

Designer at Bose

'The Framer book is well laid out and easy to understand, especially from a developer standpoint.'

'With the Framer book, I have a reliable source which is incredibly well made. Structure and writing are just excellent.'

Freelance Interaction & UX Designer

'Seriously concise info about Framer that covers most of what you want to learn. Tes has a great way of explaining a broad range of concepts from simple to more complex.'

UX Designer at GoDaddy Inc.

'Tes' book is my go-to resource for everything to do with Framer. The detailed explanations with accompanying code examples really helps you get to grips with Framer and React. Highly recommended!'

Simon Lucas

Framer X Student Discount Code

UX Prototyper at Channel 4

Rocket typist 2 0 – expand typed abbreviations. 'The Framer book is like a magic cheatsheet for when I get stuck.'

Design manager

Table of contents

1. Design Components
2. Overrides
3. Code Components
4. Animation
   1. AnimationFree
   2. The Animate PropertyFree
   3. The Transition PropertyFree
   4. While Hover and While TapFree
   5. Example AnimationsFree
5. Framer Motion
   1. Framer MotionNew
   2. Create React AppNew
   3. CodeSandboxNew
   4. Differences With the Framer APINew
   5. Automatic Layout AnimationsNew
   6. Shared Layout AnimationsNew
   7. Layout IDNew
   8. SVG AnimationsNew
6. Smart Components
   1. Smart ComponentsFree
   2. iOS Segmented ControlFree
7. Dragging

This video shows projects from: Animation, Property controls, and Dragging

The above video is from a while back. The Animations section, for instance, now has about twice the amount of content:

Questions? Check the FAQ.