Part of 100+ video lessons
Short, step-by-step lessons you can rewatch anytime.
Hands-on project
Follow along in the host project and build as you learn.
Certificate path
Counts toward your Framer Fundamentals certificate.
Give it context, pick a model, add a skill, then check what it changed.
Pages, CMS collections, page templates, components, your code and colour styles.
Opus 4.8 is the pick for design work. Fable 5 thinks longest and costs the most.
Skills are Framer's own instruction sets, like breakpoints for responsive work.
WRITE PROMPTS THAT USE YOUR PROJECT
Reference real pages, collections, components and colour styles instead of describing them.
CHOOSE THE RIGHT MODEL FOR THE JOB
Know which model to reach for, and what each one costs you in credits.
UNDO ANYTHING AND TRACK THE COST
Roll back from the log, and check prompt stats for credits, latency and tokens.
Forms in Framer
Build a form visually, give every field a unique name, and send submissions to email, a Google Sheet or a webhook. No code needed.
Breakpoints in Framer
Breakpoints are different layouts of the same page for different screen sizes. Set up desktop, tablet and phone so one page works everywhere.
CURRICULUM
WHAT YOU’LL LEARN IN THIS COURSE
In the Ultimate Framer Masterclass, you’ll master Framer from the ground up. Follow real projects, get expert feedback, and finally design and ship the way you’ve always wanted to.
Ask the agent to redesign one section, referencing the page and a colour style with @. Undo it from the log, then try the same prompt with a different model.
08:42
PUBLISH CHECKLIST
Context added with @
Model chosen deliberately
Skill added where it helps
Result reviewed on the page
Undo tested from the log
Prompt stats checked
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
FREQUENTLY ASKED QUESTIONS
Everything you need to know about this lesson.
How do I get better results from the Framer agent?
Give it context. Press @ to point it at a real page, CMS collection, component or colour style. Asking for a redesign with no context returns something generic.
Which model should I use with the Framer agent?
Opus 4.8 is the pick for design work. Fable 5 thinks the longest and costs the most in credits, so match the model to the size of the job.
Can I undo what the Framer agent changed?
Yes. Roll back from the log, and check the prompt stats to see the credits, latency and tokens each run used.
CERTIFICATION
BECOME A CERTIFIED FRAMER MASTER
Earn 3 official certifications that show you don’t just know Framer, but you can
design, build, and execute real pixel-perfect sites.
Rated excellent by 900+ students
4.8
Lifetime access
14-day money-back guarantee
Stream anywhere
