Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Community – Figma Learn
  • Creator tools and resources
  • Plugins & Widgets

Create a plugin for development

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Create a plugin Plugin templates

Before you start

Who can use this feature

Supported on any team or plan

You must use the Figma desktop app to create and publish plugins. The Figma desktop app is only available for Mac and Windows. Download the Figma desktop app →

This article covers one step in the plugin development process. Learn how to make plugins for Figma →

Find all the information you need to get started writing plugins in the Plugin API documentation.

Create a plugin

When you create a plugin, Figma generates a directory that includes the folders and critical files that you'll need to build your plugin.

  1. Open the Figma desktop app.
  2. Create or open a file.
  3. In the upper-left corner, open the Figma menu and select Plugins.
  4. Under Development:
    • Select New Plugin... to create a plugin using a plugin template. The set of templates that are available to you depend on the product you're using.
    • Select Import new plugin from manifest... if you already have your source code on your computer.
  5. Follow the prompts provided to create your plugin.
  6. After you create your plugin, you can find it listed under Development.
    • You can also find your plugin under the Development section of the Plugins tab in Figma Design, Dev Mode, FigJam, and Figma Slides.

Now that you have your plugin files, to learn more about developing plugins for Figma, check out the Build your first plugin course.

Installation instructions modal with options for further actions including downloading node.js or copying install code

When your plugin is ready to share with others, you can publish it! Read more about how to publish plugins to the Figma Community.

Plugin templates

Figma provides templates that you can use to get started with your plugin. You select a template when you create a plugin.

When you create a plugin in Figma Design, FigJam, or Figma Slides, you're asked if you want your plugin to be Multi-product or specific to the product you're using at the time. Your selection determines the editor type of your plugin.

After you make a choice, you're prompted to select one of the available templates:

  • Default: A blank slate where you can build your plugin from the ground up.
  • Run once: This is a template for a plugin that runs once with no further interaction from the user. Use this template if your plugin doesn't need a UI.
  • Custom UI: Use this template if you want to create a plugin with an interactive UI or that uses browser APIs.

When you create a plugin in Dev Mode, the following templates are available:

  • Inspect: Build a plugin that inspects a design. Implement UI elements that are rendered in the Plugins tab of the inspect panel in Dev Mode.
  • Code Generator: Create a plugin that generates code snippets in the inspect panel in Dev Mode.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Security disclosure principles
  • Make plugins for the Figma Community
  • Plugin and widget review guidelines
  • Publish plugins to the Figma Community
  • Manage plugins as a developer
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand