img(height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=409138232625910&ev=PageView&noscript=1")

Select date

Subtotal£450
VAT£90
Total£540

Your details

Payment details

Payments are securely processed with Stripe

By proceeding, you agree to your data being processed in accordance with our Privacy Policy.

Design

Get Started with Framer

Tes Mat
Author, The Framer Book

Summary

Framer is the ultimate tool for creating high-fidelity prototypes, by allowing you to design a complete user experience and tweak the interactions and animations until they’re just the way you want them. In this workshop, you’ll learn all the essentials by building a complete prototype from scratch.

Who is this for?

This workshop is for anyone who wants to learn how to use Framer to build interactive prototypes that look and feel like a real product. We'll be using CoffeeScript, so there’ll be some "coding", but no prior programming experience is required.

Key takeaways

Make your designs interactive

You’ll learn how to import your existing designs from Sketch, Figma or Photoshop and bring them to life in Framer.

Design in Framer

Framer also has its own design environment, so you can make a prototype and change how it looks at the same time, by switching between Design and Code.

Basics of coding

We'll cover the basics of programming – variables, functions, arrays, objects, and if-then-else statements.

What we'll cover

This will be a hands-on workshop, by the end of which, you'll have learnt to build a Framer prototype from scratch. We'll be covering the core Framer features, including:

Framer Design

Framer’s Design tab is similar to Sketch and other design tools. We'll cover the similarities (shape and path tools, Boolean operations etc.) and the key differences (nesting vs groups, automatic responsive layouts etc.)

Framer Code

We'll cover the basic concepts, including animations, states, and events. And we'll look at how to:

  • Make screens scrollable and pageable
  • Make objects draggable and pinchable
  • Animate, tweak an animation’s timing and curve, delay and repeat
  • Trigger animations with user actions
  • Chain animations

What's included?

Top notch breakfast, lunch and snacks by Dayan & Webb and Karma Cans

15% discount on JAM 2018 tickets

Free copy of The Framer Book (worth $99)

Requirements

You’ll need to bring your Mac with Framer installed (there’s a free 14-day trial). And don't forget your charger ;)

FAQs

Do you offer team discounts?

Yes! Groups of more than 3 qualify. Send us an email for details.

What's your refund policy?

We'll provide refunds for any cancellations up to 30 days before the event.

Can I transfer my ticket?

Yes, absolutely – just send us an email.

Where is it?

Breather, 100 Clifton Street Shoreditch EC2A 4TP

Get directions

Location

Breather
100 Clifton Street
Shoreditch
EC2A 4TP

Get directions

Dates

Fri 29th June
Sold out!

Schedule

8:30am: checkin & breakfast
9:30am: workshop starts
1:00pm: lunch
5:00pm: wrapup

Tickets

Regular ticket£450 + VAT

Have a question? Get in touch.

About Tes

Tes used to freelance building websites for a decade, then made a few mobile apps. And then got sidetracked into writing The Framer Book after a search for the best prototyping tool. He now also teaches Framer at Projector.

He’s from Antwerp, but hardly ever in Belgium. Right now he wishes there were a decent taqueria near his place in Buenos Aires, and he often misses borscht when not in Kyiv.

Location

Breather
100 Clifton Street
Shoreditch
EC2A 4TP

Get directions

Dates

Fri 29th June
Sold out!

Schedule

8:30am: checkin & breakfast
9:30am: workshop starts
1:00pm: lunch
5:00pm: wrapup

Tickets

Regular ticket£450 + VAT

Have a question? Get in touch.

About Tes

Tes used to freelance building websites for a decade, then made a few mobile apps. And then got sidetracked into writing The Framer Book after a search for the best prototyping tool. He now also teaches Framer at Projector.

He’s from Antwerp, but hardly ever in Belgium. Right now he wishes there were a decent taqueria near his place in Buenos Aires, and he often misses borscht when not in Kyiv.