IntermediateVideoFREE8 min read
Components (Academy)
Academy lesson on Framer components — the design-side counterpart to developer component docs.
Why we picked it
Designers who later add overrides need component literacy first. Academy framing helps non-dev teammates.
What you’ll learn
- Build and reuse components
- Props and variants mindset
- How components interact with CMS binding
- Prepare layouts for code extension
Who it’s for
Designers collaborating with developers on CMS sites.
External resource
Open this video at the source
framer.com/academy
Related tutorials
More from code overrides and other intermediate resources3 picks
ArticleAdvancedFREE
Code Overrides introduction
Official developer intro to overrides — higher-order components that tweak layers in preview and production, plus when you should use Effects/Components/Fetch instead.
framer.com/developers·8 min
ArticleAdvancedFREE
Framer Developers: CMS
Official developers documentation for working with CMS concepts from the code side of Framer.
framer.com/developers·8 min
ArticleIntermediateFREE
Components introduction
Official developers intro to Framer components — foundation for overrides and CMS-aware code components.
framer.com/developers·10 min