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.
Drop in the form builder, name each input, then choose where the data goes.
Insert > Forms gives you a form holder with inputs and a submit button inside it.
Each field needs its own name, so submissions arrive labelled and readable.
Send submissions to your email, a webhook, or a connected Google Sheet.
COLLECT LEADS STRAIGHT FROM YOUR SITE
Build a form with text inputs, dropdowns and a submit button that works.
SEND THE DATA WHERE YOU NEED IT
Email, webhook or Google Sheets, all set from the properties panel.
KNOW WHERE FRAMER FORMS STOP
File uploads and multi-step forms need a plugin such as FramerForms.
Popup Modals and Overlays in Framer
Framer has two kinds of overlay: fixed ones for modals, toasts and video popups, and relative ones for dropdowns and popovers.
Layout in Framer
Framer's layout system works like auto layout in Figma or Flexbox in Webflow. Learn how stacks and grids bring alignment and order to your elements.
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.
Build a three-field contact form, name every input, and connect it to a Google Sheet. Send a test submission and check it lands.
08:42
PUBLISH CHECKLIST
Form holder added
Every input named
Required fields set
Destination connected
Submit and loading states checked
Test submission received
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
FREQUENTLY ASKED QUESTIONS
Everything you need to know about this lesson.
How do I build a form in Framer?
Use Insert > Forms to get a form holder with inputs and a submit button, give every input its own name, then choose where submissions go.
Where do Framer form submissions go?
You choose in the properties panel: your email, a webhook, or a connected Google Sheet. Naming each input is what makes the arriving data readable.
Can Framer forms do file uploads or multi-step forms?
Not natively. File uploads and multi-step forms need a plugin such as FramerForms. Framer's built-in forms cover text inputs, dropdowns and a submit button.
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
