Framer Mastery Roadmap
Your role
Connector
Problem
Every content update has to go through you
To solve it
Use the CMS so your sites are dynamic and your clients update their own content
01
Familiarise
06
optimise
02
Systematise
07
exercise
03
dynamise
08
mesmerise
04
energise
09
specialise
05
maximise
10
monetise
Challenges you'll face
Your main challenge
Thinking in collections
The CMS requires a completely different way of thinking about content. In Stages 1 and 2 you designed pages. In Stage 3 you design templates that get filled with data. That mental shift, from page to template, from content to collection, is the hardest thing about this stage and the most important thing to get right.
The trap is treating the CMS like a glorified copy-paste tool. You add a collection, fill in some fields, connect it to a list, and call it done. But you haven't thought about how the content relates to itself, how detail pages should work, or how a client is actually going to use this six months from now.
To get through this you need to:
Understand collections
Plan your content structure
Think about who is updating this content and how often
References Feeling Impossible
You understand a basic collection. But the moment someone mentions references or multi-references your brain switches off. You can't visualise how one collection connects to another and why you'd need it. So you either avoid it entirely or build separate collections that should be linked and end up with a maintenance nightmare.
You need to:
Think of references like links between database tables
Build a simple blog with categories before attempting anything more complex
Use multi-references any time one item belongs to more than one group
Accept that this one takes longer to click than anything else in the CMS. Don't worry, that's normal.
Dynamic Filters Feeling Like a Different Tool
You've seen sites with filtering. Click a category, the list updates instantly. You want to build that. But dynamic filters in Framer feel disconnected from everything else you've learned so far. They work differently, they're set up differently, and when they break you have no idea where to look.
You need to:
Build a working collection list before attempting any filtering
Start with a single filter on a single field before adding complexity
Keep the filter structure as simple as possible until you understand it completely
Fields planned before canvas opened
Empty fields hidden by conditions
All necessary content are bound to CMS fields
Filters return the right results always
Collection list has an empty state set up
Fields are named so a client understands them
Still hard-wiring content that should be dynamic
Layout breaks when title text is too long
No conditions set up for optional fields
CSV import required manual cleanup afterward
Built the whole page before touching the CMS
You dread adding a new item to the site
the Keys to success
Plan your fields before touching the canvas
Build the template for the worst case
Name everything for your client, not yourself
Test with real content every time
Graduating from stage 3
You've built a working blog or portfolio using the CMS
Your clients update their own content without contacting you
You understand the difference between a collection list and a detail page
You tested the build with real content before signing off
You tested the build with real content before signing off
You no longer have to think about how the CMS works — you just use it
This stage is about building sites that outlast your involvement. You're moving from "I designed this" to "I built something that runs itself." The Connector who graduates Stage 3 doesn't just know how the CMS works, they know how to hand it off and never think about it again.
Your main goal at Stage 3 is to remove yourself from the content equation entirely. The moment a client can add a blog post, update a team page, or publish a case study without opening Framer, that's when you've done your job. Get this right and you stop being a designer who maintains sites and start being one who builds them and moves on.
