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.
Why we picked it
The official starting point for building a CMS plugin. It walks through `npm create framer-plugin -- --starter cms`, the `data.ts` mapping layer, and how to extend the starter without drowning in reference docs.
What you’ll learn
- Create a new plugin with the official CMS starter template
- Replace the sample data source with your own API or database
- Map external fields to the CMS schema in data.ts
- Extend the starter with custom UI and sync actions
Who it’s for
Developers who want to build a Marketplace plugin or a private CMS sync for Framer.
Open this video at the source
framer.com/academy
Related tutorials
More from plugins and other intermediate resources3 picksGoogle Sheets Sync for Framer CMS
Marketplace plugin by Reem Magdi that maps a public Google Sheet into a CMS collection — auto field detection, quick re-sync, free tier for small lists.
Notion plugin for Framer CMS
Official Marketplace plugin to sync Notion databases into Framer CMS collections.
Airtable plugin for Framer CMS
Marketplace plugin to sync Airtable bases into Framer CMS for structured, spreadsheet-like content ops.