How I Built a Figma Plugin Without Coding Knowledge!

Building your own Figma plugin is a super power. One moment you have a problem/idea and the other moment you have a custom plugin to solve that exact problem.

Full honesty, I actually did web development for 2 years, so I’m not unfamiliar with some clean Javascript, but coding a Figma plugin would mean re-learning a lot and spending hours coding and fixing bugs.

Here are 2 methods I used to build the plugin without writing a single line of code; Use whichever seems more useful/convenient to you.

Artifig AI — The Beginner Approach

Artifig AI is a Figma plugin that builds Figma plugins! It opens as a little popup with a prompt window.

• Describe the plugin you want to build with details such as functionality, UI and visuals that you want in the plugin.
• You can even upload an image of how the UI of the plugin should look like and even edit with/without code.

What’s cool about this tool is the version history feature. You can add new features and fix bugs, all while keeping the old versions and you can always go back-and-forth while building.

They have thousands of community members submitting new plugins every day which you can see and even replicate.

Cursor AI — Powerful AI Assistant

One thing that AI has done for designers, is allowed us to build apps and tools without learning code. Cursor AI allowed me to create and publish my gradient plugin in 15 minutes flat!

I started by selecting the folder on my computer where I wanted my plugin code and files to live. After that, instead of learning how to setup the files and code environment for my…