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.
Lay out the template, bind the fields, then link the list to it.
Lay out the template
Build it like any page: title, content, cover image, footer.
Bind the fields
Point each element at a CMS field so it fills per item.
Link the list to it
Set a dynamic link on the collection list so cards open the right page.
BUILD ONE PAGE FOR EVERY ITEM
Design once, and every CMS item gets its own page.
PULL IN REFERENCED FIELDS
Show an author, category or any referenced collection's fields.
MAKE YOUR LIST CLICKABLE
A dynamic link sends each card to its own detail page.
Collection Lists in Framer
A collection list is how CMS items get onto a page. Design one card, connect the fields, and the rest follow.
Dynamic Filters in Framer
Let visitors filter a CMS collection themselves. Stack filters together, and share the result as a URL.
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 detail page for a blog collection, add the author through a reference, then link the list to it.
09:52
PUBLISH CHECKLIST
Template laid out
Title and content bound
Cover image bound
Referenced fields added
Dynamic link set on the list
Tested on two items
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
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
