Beginner Tutorials

3 Things to Get Started

By David Lee

New to Framer and don't know where to begin? David Lee's article gets you started quick.

Read Tutorial
Framer for Beginners

By Sean Mateer

Sean Mateer thought things like Framer were weird and hard. Until he started.

Read Tutorial
Working with Framer

By Dan Moore

A simple getting started guide for prototyping with Framer, from Dan Moore.

Read Tutorial
More tutorials
Creating your first prototype by Kenny Chen
Designer / Coder, and not the other way around by Paul Cotton
40+ Examples Of How To Design With Code by Jay Stakelon
Why Framer Matters by Pedro Carmo
Motion is Emotion by Brian Louis Ramirez
Prototyping with Framer by Juan Sanchez

Video Courses

Mobile App Prototyping

By Noah Levin

In 6 lessons, learn how to use mobile prototyping to pioneer new interaction patterns and find unexpected solutions.

Visit Site
Udemy Courses

1500 students, 73 lectures and 8 hours of video content make Udemy a great place to start.

Visit Site
SketchCasts Tutorials

SketchCasts offer a mini-series about animation, import, mirror and more advanced tips.

Visit Site
Rapid Prototyping

Rapid Prototyping with Framer is an O'Reilly training course with 5 hours of video content.

Visit Site

Books

CoffeeScript for Framer

By Tessa Thornton

Learn CoffeeScript and the programming principles you'll need to bring your ideas to life. Even if you've never written a line of code before.

Visit Site

Websites

Prototyping With Framer

By Kenny Chen

Weekly tips, tricks and tutorials to help you design amazing prototypes from Kenny Chen.

Visit Site
FramerCo.de

By Jordan Robert Dobson

Jordan Robert Dobson collects modules, code examples, snippets and tips.

Visit Site
Prototyp.in

By Kushagra Gour

Create Framer prototypes right in your browser, with this simple JavaScript tool.

Visit Site

Presentations

Framer at SoundCloud

By Koen Bok

Koen Bok talks at SoundCloud about great design, prototyping and the basics of Framer.

Listen on SoundCloud
Design With Framer

By Koen Bok

Koen Bok and Jorn van Dijk talk at Stripe about prototyping and design tools.

Watch on YouTube
Prototyping with Framer

By Noah Levin

Noah Levin has taught Framer and prototyping to Google designers for over a year.

See Slides
Prototyping with Framer

By Jay Stakelon

Jay Stakelon has taught a Framer workshop at Fullscreen and General Assembly.

See Slides
Designing With Code

By Jay Stakelon

Jay Stakelon gave a quick talk about Framer at the LA Hacker News Meetup.

See Slides
Multi-Screen Flows

By Chris Camargo

Multi-screen prototyping flows with Framer by Chris Camargo at Disney in Seattle.

See Slides

Framer Articles

Real Data with Firebase

By Marc Krenn

Use Firebase to easily set up a back end to work with real data in your prototypes.

Read More
Creating Ridiculous Fishing

By Callum Boddy

Callum explains how he recreated one of his favorite games in Framer.

Read More
Using Mapbox Maps

mapbox.com

Learn how you can easily implement any Mapbox Map in your prototype.

Read More
Simplify Code with Arrays

By David Lee

Learn how you can code less and achieve more by using Arrays in Framer.

Read More
Enhanced Color Control

By Jorn van Dijk

Easily animate, detect, modify and mix colors in Framer with the flexible new Color Class.

Read More
Introduction to Modulate

By Sergey Voronov

Learn how to map any numeric value, using one of Framer's most powerful utilities.

Read More
Creating User Flows

By Andreas Wahlström

See how you can combine micro interactions with user flows in your prototypes.

Read More
Sketch Import Tips

By Naema Baskanderi

Seamlessly import your Sketch designs into Framer with these clever tips.

Read More
Using Xbox Controllers

By Johan Strömgren

Learn how you can use Xbox 360 controllers with your Framer prototypes.

Read More
Working with SVG in Framer

By Josh Puckett

Learn how to animate and render beautiful SVG graphs, icons or illustration in Framer.

Read More
Designing Twitter Video

By Paul Stamatiou

A sneak peek into the creative process of Paul Stamatiou, designer at Twitter.

Read More
Rotating Array Module

By Jacky Lee

Learn how to make a module that automatically rotates an array of images for you.

Read More
Prototyping with Gulp, Framer and Sketch

By Darrin Henein

Darrin Henein automatically updates his prototypes with Gulp, Sketch and Framer.

Read More
Unlocking Ideas with Framer

By Luis F. Mena

Luis F. Mena walks you through his design process, including planning and prototyping.

Read More
Using Framer on Windows

By Kenny Chen

Do you want to prototype on Windows? Kenny Chen explains how with Atom.

Read More

Learn Scripting

JS2Coffee

js2.coffee

Instantly compile and convert JavaScript into CoffeeScript, or the other way round.

Visit Site
JavaScript Book

javascriptbook.com

Learn the basics of JavaScript and computer programming in a simple, visual way.

Visit Site
CoffeeSript Website

coffeescript.org

The official CoffeeScript website, with documentation, examples and snippets.

Visit Site