IntermediateArticleFREE10 min read
Framer Developers: Quick Start
Official first steps for building a Framer plugin from npm create framer-plugin to opening a development plugin inside the editor.
Why we picked it
The canonical starting point for Framer plugin development, covering scaffolding, dev server, developer tools, and the plugin APIs you can extend next.
What you’ll learn
- Scaffold a plugin with npm create framer-plugin@latest
- Run the dev server and load the plugin in Framer
- Enable Developer Tools and open a development plugin
- Explore next steps: nodes, components, CMS, and styling
Who it’s for
Developers building their first Framer plugin.
External resource
Open this article at the source
framer.dev
Related tutorials
More from plugins and other intermediate resources3 picksArticleIntermediateFREE
Google 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.
framer.com/marketplace·6 min
ArticleIntermediateFREE
Notion plugin for Framer CMS
Official Marketplace plugin to sync Notion databases into Framer CMS collections.
framer.com/marketplace·5 min
ArticleIntermediateFREE
Airtable plugin for Framer CMS
Marketplace plugin to sync Airtable bases into Framer CMS for structured, spreadsheet-like content ops.
framer.com/marketplace·5 min