Framer Mastery Workshop in London

Our full-day workshop is a hands-on learning experience to master the skill of Framer and become a full-stack designer. Led by Ryan Hayward, over 8 hours, designers will learn Framer fundamentals & advanced techniques with a proven curriculum.

Led by Ryan Hayward & our road-tested curriculum, in one day you will learn Framer fundamental & advanced techniques. You'll build & publish your first site with zero code.

• Build pixel-perfect, responsive websites in Framer
• Create reusable components and logic
• Work confidently with CMS and dynamic content
• Add effects and animations with intent
• Handle SEO, analytics, and publishing in one place

You'll build, not sit & watch!

• Live London seat (limited to 35 students)
• Full-day Framer workshop (8 hours)
• Live instruction and support from Ryan and the Insert Frame team
• 1 finished project built in Framer
• 10+ build exercises
• 10+ resources to keep building after the workshop
• Lunch & catering
• Pre-workshop learning material
• 3 months of community access

All we ask is that you bring a reliable laptop, its charger, and yourself. If you have time, we suggest creating your Framer account before the workshop.

The VIP Dinner is a private, invite-level experience for designers who want to go deeper. Sit down with Ryan & the Insert Frame team for an intimate roundtable dinner - a space to talk openly about the future of the industry & the Framer opportunity. Come for the conversation. Leave with lasting relationships. Limited to 12 people.
*Will run on the same night as the workshop.

We encourage teams to attend, multiple tickets can be purchased together.

Info: Walk in, grab a coffee, get connected to Wi-Fi, and open Framer so you’re ready to go.

Info: What you’ll build today, how the day works, and how to get the most out of the workshop.

Info: Learn the core concepts that everything else builds on: layout, sizing, positioning, and the Framer interface. You’ll follow along and start building your hero section.

Info: Understand components, variants, variables, and interactions — and why they matter for scalable sites.

Info: A guided exercise building flexible button components you’ll reuse throughout the site.

Info: Review button work, then build a production-ready navbar together.

Info: Learn how Framer’s CMS works: collections, list pages, filtering, sorting, and detail pages.
Includes importing content from CSV and building a CMS-powered layout.

Info: Quick reset, then focused time to continue building your page with live support and tips tailored to what you’ve already built.

Info: Learn how breakpoints actually work in Framer and how to make your site adapt cleanly across devices.

Info: Apply breakpoints and refine your layout for desktop, tablet, and mobile.

Info: Learn when and how to use motion to elevate your site — without overdoing it.

Info: Add animations and effects to your page in a guided playground-style session.

Info: Set up SEO, site settings, and best practices for launching confidently.

Info: Publish your site, submit your work, and receive individual feedback on next steps after the workshop.

Know what’s Happening Next — before everyone else does.

Get App

Host or Publisher Insert Frame