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.
Why we picked it
Tim Gabe is one of the clearest teachers for the full CMS loop; this tutorial shows collections, fields, variables, and conditional hover states in one real build.
What you’ll learn
- Create a CMS collection and choose field types
- Connect CMS data to card components with variables
- Build home and detail page layouts
- Use conditional visibility for optional media
Who it’s for
Beginners ready to move past static pages and build a content-driven portfolio or blog in Framer.
Open this video at the source
youtube.com/@TimGabe
Related tutorials
More from collections & schema and other beginner resources3 picks
CMS collections, items & fields
Official deep dive into the schema layer: how collections, items, and field types fit together before you touch the canvas.
CMS collection references introduction
Relate authors to posts, projects to tags, and other joins with reference fields — the schema pattern that keeps collections clean.
Using Markdown in the CMS
Official Help on pasting Markdown into rich text, copying CMS content as Markdown, and how links are normalized.