How to Build a Framer Plugin with Cursor (the exact process I use)

com. If you want the full walkthrough, screenshots, and setup details, you’ll find the link at the end.

--- Over the past year I’ve released a couple of @framer plugins on the official marketplace - Color Palettes (free), FrameShare (premium) and more recently MetaViewer (freemium). I built all of them using Cursor, an AI-powered code editor that helps you write and edit code through conversation.

Recently, I started getting messages from people on X asking how I actually built them. I realised that a lot of Framer users aren’t developers or React experts, so the idea of building a plugin can sound intimidating at first.

That’s why I decided to write this post: I want to walk you through the process for building Framer plugins with the help of AI in Cursor. I won’t be teaching you how to code but I’ll show you how to get started and build your own plugins using Cursor.

I’ve even made a Framer Plugin Starter Kit to make it super easy to set everything up. What you need before starting To build a Framer plugin with Cursor, you only need a few things:…