Framer Update: Forms
Official Framer walkthrough for building fully functional, native forms with 10+ input types, custom styling, and email/Sheets/webhook connections.
Why we picked it
Forms are a common request, and this is the canonical official tutorial covering every input type, validation, and integration option without third-party plugins.
What you’ll learn
- Build forms from scratch with native input types
- Style focus and error states
- Connect submissions to email, Google Sheets, or webhooks
- Add conditional form logic
Who it’s for
Designers and site builders who want native Framer forms without paying for or embedding external form services.
Open this video at the source
youtube.com/@Framer
Related tutorials
More from design patterns and other intermediate resources3 picks
Utilizing collection lists in Framer
Official lesson on repeating indexes: insert a collection list, bind card fields, then sort, filter, limit, and paginate.
How to add dynamic filters to CMS lists
Help Center guide to interactive filters — search, tabs, toggles, dropdowns, and checkboxes on published collection lists.
Framer CMS Tutorial: Build a Blog or Portfolio
Step-by-step 2026 article for shipping a blog or portfolio: collections, fields, detail pages, lists, filters, and CMS SEO basics.