Framer is powerful, but not the easiest tool to master if you've never written a line of code. This book teaches you the basics of CoffeeScript, step-by-step, and will give you a broad understanding of Framer Classic.

If you do have experience with Framer Classic: This will be your reference manual. Framer concepts are explained in detail, and the code examples provide you with building blocks to start from.

What You're Getting

Everything you need to become a UX 🦄

ePub for iBooks

Read on your , or . Everything’s in the ePub, so no fumbling with external video or project files.

21 Parts

From your first lines of CoffeeScript to rebuilding Apple Music, IF by IFTT, and Hyperlapse

276 Example projects

Click ‘Open in Framer’ under an example to open it directly in Framer

257 Short videos

See the result of examples without having to open them in Framer. The videos play inline or fullscreen.

Part 20: Importing from Sketch, Figma, or Photoshop

Part 21: Let’s make something!

Author: Tes Mat

I’m an app developer who was looking for the best high-fidelity prototyping tool. I tried eight ofthem, liked Framer the most, and decided to help others get started with it. I also teach Framer at Projector in Kyiv.

Please enable Javascript to see the e-mail button.

Frequently asked questions

“What about Framer X?”

Framer X is quite a different beast, it’s based on React (or a part of it: React’s Components) and uses Typescript (or ES6) as the programming language.

Framer X will be covered in a new, separate book.

“What are these ‘overview prototypes’?”

These iPad-sized prototypes show when individual events are triggered or have sliders with which you can tweak different properties and settings.

They make it easier to understand what, for example, ‘originX’ does because you can change it together with ‘rotation’ and see the result.

“How many pages is it?”

It’s an ebook, so the amount of pages is variable, but it comes down to 1200 pages in the default text size in iBooks on Mac.

“Is there a Kindle version?”

No. Unfortunately, only the big publishing houses can create books for Kindle that contain videos, and then only for books on the Amazon store.

“Do you provide an invoice?”

Sure do. Or at least, Gumroad does, the service that handles the sales. Check the button in your receipt. Businesses in the EU can also obtain a VAT refund.

“Is there an educational discount?”

Yes, there’s a 50% discount for students and teachers.

Enable Javascript to see the e-mail link. a picture of your student card to receive a promo code for buying the book at 🔖 $24.

“I bought an earlier edition. How do I update?”

The current edition will be waiting in your Gumroad library.

Don’t have a Gumroad account? Create one with the email address you used to purchase the book. The book will be there.

You do have an account, but the book is not in your library? Send me your email address; I’ll resend the receipt so you can add it.

“How do I get the book on my iPad, iPhone or iPod Touch?”

To transfer the book: Connect your iDevice to your Mac, select the book in iTunes, and press ‘Sync’. The book’s read location will sync automatically between devices.

“What if I’m using Framer Library instead of the Framer application?”

The example projects can be opened directly in Framer on Mac (like this one), but you can also download a project by deleting the first part of the URL (‘framer.link’) in your browser.

“Can I copy/paste code from the book?”

Code examples can be opened directly in Framer with their ‘Open in Framer’ button, but if you prefer to copy/paste, you can.

iBooks will add an ‘Excerpt from: …’ bit to code snippets, so I included an Automator script that automatically removes this extraneous text. Install instructions are in the book.

“What if I don't like the book?”

I tried to provide a ridiculous amount of value with this book, but if you’re not impressed, just let me know within 30 days of purchase, and I will issue a full refund.

“What if I have another question?”

Then please Enable Javascript to see the e-mail link., and I’ll do my best to answer it.