VideoBeginnerFREE
What is the Framer CMS?
Official Academy primer: treat collections like a filing cabinet for structured content, then let Framer generate pages from that model.
framer.com/academy·3 min
Video
Curated Framer CMS resources tagged video.
45 resources45 free0 paid
Free resources
45
VideoBeginnerFREE
Learn Framer CMS in 7 Minutes
Fast community walkthrough that builds a dynamic portfolio: collections, fields, detail pages, conditional visibility, and lists.
youtube.com/@DesignWithArash·7 min
VideoBeginnerFREE
CMS collections, items & fields
Official deep dive into the schema layer: how collections, items, and field types fit together before you touch the canvas.
framer.com/academy·6 min
VideoIntermediateFREE
CMS collection references introduction
Relate authors to posts, projects to tags, and other joins with reference fields — the schema pattern that keeps collections clean.
framer.com/academy·4 min
VideoIntermediateFREE
CMS pages & dynamic content
Design one detail template, bind CMS fields, and let Framer generate a unique page for every collection item.
framer.com/academy·9 min
VideoIntermediateFREE
Utilizing collection lists in Framer
Official lesson on repeating indexes: insert a collection list, bind card fields, then sort, filter, limit, and paginate.
framer.com/academy·9 min
VideoIntermediateFREE
On-page editing for CMS content
Let clients and editors update live CMS fields in the browser — the handoff pattern that keeps people out of the canvas.
framer.com/academy·5 min
VideoBeginnerFREE
Draft Pages, CMS Pages, and Locales
Short Academy lesson on how draft pages, CMS-generated pages, and locales interact when you publish.
framer.com/academy·2 min
VideoBeginnerFREE
Framer CMS: Explained
Community deep-dive from Framer University covering collections, flexible detail pages, and a filtering system end to end.
framer.university·27 min
ArticleIntermediateFREE
Add video components to your CMS pages
Help article for YouTube/Vimeo/self-hosted video on detail pages, CMS URL fields, and hiding empty players.
framer.com/help·6 min
VideoBeginnerFREE
Add dynamic filtering to a Framer CMS
44-second Jesse Showalter tip: select the list, pick a dynamic filter type, place the control anywhere, ship.
youtube.com/@JesseShowalter·1 min
VideoBeginnerFREE
Get Started with Localization
Academy intro to Framer localization — locales, translation workflows, and how CMS content participates.
framer.com/academy·8 min
VideoBeginnerFREE
Adding a Locale in Framer
Academy lesson on adding locales, AI translation, tone controls, and batch translating content.
framer.com/academy·5 min
VideoAdvancedFREE
Advanced Localization
Academy deep dive: hide CMS items per locale, localized slugs/redirects, and Set Locale actions in components.
framer.com/academy·7 min
VideoIntermediateFREE
Components (Academy)
Academy lesson on Framer components — the design-side counterpart to developer component docs.
framer.com/academy·8 min
VideoBeginnerFREE
Learn The Framer CMS in 26 Minutes
Framer University YouTube deep dive: CMS basics, flexible detail pages, and building a filtering system.
youtube.com/@frameruniversity·27 min
VideoBeginnerFREE
Framer CMS for end-clients: Add New Blog Articles Easily
Michael Miello walks clients through adding blog posts in the CMS without touching the design canvas.
youtube.com/@MichaelMiello·8 min
VideoIntermediateFREE
Framer Update: CMS Collection References
Official Framer YouTube update video introducing collection references and multi-references with a blog/author example.
youtube.com/@Framer·6 min
VideoBeginnerFREE
Framer CMS relational database
Jesse Showalter 30-second tip on multi-reference collections for aggregating tags and courses.
youtube.com/@JesseShowalter·1 min
CourseBeginnerFREE
Framer Crash Course 2026
A full beginner crash course covering Framer frames, stacks, components, responsive design, CMS, effects, animations, marketplace, and publishing.
dev.to·2 h
VideoBeginnerFREE
Framer Full Crash Course 2026 for Beginners
A 40-minute beginner crash course that walks through Framer's core tools, building a site from scratch without writing code.
youtube.com/@AdrianTwarog·40 min
VideoBeginnerFREE
Framer Crash Course
A 35-minute visual crash course that covers site styles, landing-page layout, responsive design, and animations in Framer.
youtube.com/@jesseshowalter·35 min
VideoBeginnerFREE
Framer Tutorial: For Beginners (New 2026)
A 27-minute 2026 beginner tutorial focused on the new Framer UI, AI-assisted page building, and responsive fundamentals.
youtube.com/@theryanhayward·27 min
VideoIntermediateFREE
Framer Update: Forms
Official Framer walkthrough for building fully functional, native forms with 10+ input types, custom styling, and email/Sheets/webhook connections.
youtube.com/@Framer·17 min
VideoIntermediateFREE
Learn Framer Scroll Animations in 13 Minutes
A concise Framer University tutorial on sticky positioning and scroll-section triggers that create polished scroll animations with no code.
youtube.com/@frameruniversity·13 min
VideoAdvancedFREE
Code Components | Episode 1 - Coding in Framer
Seth Corker's first episode on writing real React components inside Framer, including property controls and the bridge between code and canvas.
youtube.com/@DarthKnoppix·12 min
VideoBeginnerFREE
Learn Framer in 20 Minutes (Crash Course)
A 20-minute beginner crash course by Flux Academy that covers Framer components, stacks, ready-made components, and basic effects.
youtube.com/@FluxAcademy·20 min
VideoIntermediateFREE
How to Use Framer Better than 99% of People
A 33-minute walkthrough covering global styles, Framer AI, components, responsive design, CMS, animations, and a live boutique landing page build.
youtube.com/@Mikeywebsite·33 min
VideoBeginnerFREE
Crash Course on Framer CMS (Beginner Tutorial)
An 18-minute beginner-focused CMS crash course that builds an editable portfolio using collections, fields, variables, and detail pages.
youtube.com/@TimGabe·19 min
VideoBeginnerFREE
Master Framer's CMS in 40 Minutes | Complete Beginner Tutorial
A complete beginner walkthrough of Framer's CMS: collections, fields, dynamic pages, filters, and real-world layout tips in under an hour.
youtube.com/@umehchinonso01·48 min
VideoIntermediateFREE
How I Set Up Framer CMS for a Real Client (Step-by-Step)
Megan Weeks walks through the exact collection structure and fields she uses for a real client build, including naming conventions and client-ready defaults.
youtube.com/@MeganWeeks·11 min
VideoBeginnerFREE
Intro to Code Overrides
Daniel Hollick's gentle introduction to Framer code overrides: what they are, how to write them, and when they are the right tool.
youtube.com/@danhollick·9 min
VideoIntermediateFREE
How to Build a Filterable Portfolio Grid in Framer (Step-by-Step)
Step-by-step build of a category-filtered portfolio grid using CMS collection lists and on-page filter controls.
youtube.com/@EdwardCreates·11 min
VideoIntermediateFREE
Dynamic Layouts for CMS Detail Pages in Framer
Build CMS detail page templates that change layout based on field values, including conditional blocks and responsive structure.
youtube.com/@Designwithbharath·17 min
VideoBeginnerFREE
The Ultimate Framer SEO/GEO Guide + Free Checklist
A fast, checklist-style guide to optimizing Framer sites for search and generative engine optimization, with actionable settings and tools.
youtube.com/@PaytonClarkSmith·4 min
VideoBeginnerFREE
Framer SEO Basics To Optimize Your Site
Coastal Themes walks through the core on-page SEO levers in Framer, including HTML tags, alt text, and meta information.
youtube.com/@coastalthemes·12 min
VideoBeginnerFREE
Build an Employee Directory in Framer Using Airtable: Beginner Tutorial
Connect an Airtable base to Framer to power a searchable, filterable employee directory without writing custom backend code.
youtube.com/@lukas-margerie·22 min
VideoIntermediateFREE
Framer Ecommerce Build With Shopify | Tutorial with Frameship
David Alex builds a Shopify-powered store inside Framer with Frameship, covering product sync, custom fields, and integration limits.
youtube.com/@meetdavidalex·10 min
VideoIntermediateFREE
Create a Framer Plugin with Cursor AI
A focused walkthrough of building a Framer plugin with Cursor AI, from prompt to working plugin inside the Framer ecosystem.
youtube.com/@kostamotresku·8 min
VideoBeginnerFREE
Framer Tutorial: Building a Site From Scratch
Long-form Framer University lesson that builds an animated, responsive website from a blank canvas, covering positioning, stacks, components, and 3D transforms.
framer.university·1 h
VideoIntermediateFREE
Building an Expanding Article Stack
Framer Academy tutorial that builds a collapsible article stack in a hero section, pulling live content from a CMS collection.
framer.com/academy·13 min
VideoBeginnerFREE
Learn Framer's Dynamic Filters
Framer University video that walks through adding search, tabs, toggles, and other dynamic filters to a Framer CMS collection list.
framer.university·21 min
VideoIntermediateFREE
CMS plugins
Framer Academy lesson on getting started with the CMS Starter Plugin, connecting a custom data source, and extending the plugin after the first sync.
framer.com/academy·5 min
VideoBeginnerFREE
Site settings & accessibility
Framer Academy lesson covering global site settings that affect SEO and accessibility: site title, language, description, and reduced motion preferences.
framer.com/academy·4 min
ArticleAdvancedFREE
Video Transparency in Framer: A Custom Solution
Fred Moon's guide to building a custom Framer video component that serves both MP4 and WebM formats for transparent video playback across browsers.
framerlabs.substack.com·5 min
Other tags
Accessibility1Advanced23AI4Airtable3Animation7API1Article135Beginner98Blog12Bubble1Bulk Editing1Business1Checklist1Client Work1CMS23Code Components2Collections2Community26Comparison3Components12Conversion2Course12Dynamic Pages2E-commerce7Filtering9Forms2Framer Web1GEO1GitHub1Headless6i18n1Integration1Integrations12Intermediate102Jobs4Landing Page1Landing Pages2Layout1Localization5Lottie1Markdown2Marketplace1Navigation1No-Code5Notion2Official68Overrides12Performance2Plugin27Plugins1Portfolio10React4Responsive Design5Review3RSS1SaaS2Search2Security1SEO20Shopify3Slack1Startups1Students1Template12Templates2TypeScript5UX3Webflow4Webhooks2WordPress2Workflow1