#What is This Course?

"Create a Plugin" is a free video tutorial on the Framer Marketplace, created by a developer/educator specializing in Framer extensibility. This framer resource intermediate-to-advanced video demonstrates a cutting-edge workflow: using Cursor AI (AI-powered VS Code) to rapidly scaffold and build a complete Framer plugin—from manifest and UI to logic and Marketplace submission. Through narrated screen recordings with live Cursor prompting, code generation, Framer plugin dev mode, and real-time testing, it covers setting up the project, writing manifest.json, creating plugin commands/UI, using Framer Plugin API, debugging, and publishing. Video length is likely 15–30 minutes (typical for in-depth Marketplace dev tutorials), with pause-friendly pacing for following along. No duplicatable starter project is explicitly noted, but the tutorial walks through creating everything from scratch and encourages building your own plugin idea. It’s especially valuable for developers, power users, or designers who want to extend Framer—automating tasks, adding custom components, or sharing tools—while leveraging AI to cut development time dramatically.

#What You’ll Learn ⚡

• Setting up a Framer plugin project structure with Cursor AI assistance

• Writing and auto-generating a valid manifest.json (id, name, commands, permissions)

• Building plugin UI panels and logic using Framer Plugin API (react, @framer/api)

• Using Cursor AI to prompt for code snippets, debug issues, and refactor plugin features

• Testing the plugin in Framer’s local dev mode (reload, console, live updates)

• Packaging and submitting your finished plugin to the Framer Marketplace

#Who Is This For?

This video tutorial is tailored for Framer users who want to go beyond design and start building extensions—perfect if you’ve ever wished Framer had a specific feature or tool you could create yourself.

• Skill Level: Intermediate to advanced—assumes some coding comfort

• Prior Knowledge Needed: Basic JavaScript/React, familiarity with VS Code or Cursor, understanding of Framer components

• Use Case 1: Creating custom utilities (batch rename, color palette generator, CMS helpers)

• Use Case 2: Building reusable components or effects to share on Marketplace

• Pain Point Solved: Plugin development feels slow or intimidating—use Cursor AI to accelerate 3–5×

• Pain Point Solved: Not knowing Framer Plugin API—see real prompts and generated code

• Bonus Fit: Developers or advanced designers wanting to contribute to Framer ecosystem

#Course Structure Breakdown

This video tutorial flows as a live, AI-assisted build-along—screen recording with Cursor AI prompts, code generation, Framer plugin panel, dev mode testing, and real-time iteration for easy pausing/replication.

• Intro / Recap / Problem Statement: Introduces why plugins are powerful, why traditional dev takes time, and how Cursor AI changes the game for Framer plugin creation

• Main Demo Sections: Set up project folder, open in Cursor, prompt AI for manifest.json and basic structure, generate initial plugin code

• Key Live Examples or Walkthroughs: Build UI panel, add commands, use Framer Plugin API (get selection, modify layers), test in Framer dev mode (reload plugin)

• Tips / Best Practices: Write clear prompts for better AI output, debug common errors (permissions, API calls), version control with Git, prepare for Marketplace submission

• Wrap-up / Encouragement: Shows final working plugin in Framer, celebrates AI speed, and motivates viewers to build and share their own plugins