Figma

Plugin Show & Tell—Some highlights

Thomas Lowry
Designer Advocate at Figma

At Figma, we've been blown away by the talent and creativity in our community as demonstrated by the steady stream of plugins released since launch.

To give developers a chance to share what they've been working on, last week we hosted the first Figma Plugins Show & Tell: a live stream where our community presented live demos of their plugins along with a sneak peak of new features and in-progress work. Our goal is to help developers promote their plugins, encourage new users to explore the API (and ask questions), and give users a sneak peak of whats coming next.

You can watch a recorded version of the Show & Tell below where we hear from 5 developers who demo everything from design system linters to voice-control inside Figma.

In this stream we hear from:

Jono Kolnik, CTO @ ToyboxJono shows off Toybox's upcoming plugin called Roller; a plugin designed to help you find and correct errors and inconsistencies in your designs against your design system.

Tekeste Kidanu, Frontend developerTekeste demonstrates and shows off his upcoming Spell Check plugin, in addition to a plugin that brings his project Cleanmock right inside Figma.

Vjacheslav Trushkin, Freelance Full Stack DeveloperVjacheslav shares more about his plugin, Iconify, and the future plans + roadmap for how teams can work with hundreds of icon sets in both design and in production.

Jackie Chui, UX Designer @ MicrosoftJackie shows off some improvements to his Find & Replace plugin, another that adds documentation links to components, a paste to image fill plugin, and a preview of a plugin for managing margins and sizing objects inside frames that even has configurable presets.

Andrew Goodwin, Freelance Mobile DeveloperAndrew shows off a plugin for selecting and applying typography rules, as well as a really amazing voice UI for verbally controlling Figma. Andrew says he is nearly complete in mapping the entire Figma Plugin API to voice commands!

Tune in for our next Plugins Show & Tell

Want to see more? Our next Plugin Show & Tell is scheduled for Friday, September 27th at 8:30 am PST, 11:30 am EST. If you would like to present what you are working on, apply to present here. If you would like to tune in, you can register to get the calendar invite here.

We hope this sparks ideas for your own plugins, or even a private plugin to help your team! If you're looking to get started here is a list of helpful resources to get the ball rolling:  

  • Getting started: Learn how Figma Plugins work and communicate with the canvas and to the outside world using browser APIs. You can also learn about setting up your dev environment and code editor, or even about using Webpack and React in your plugin build.
  • Plugin documentation: This is our official documentation for the Figma Plugin API. You can learn about all of the different commands and ways of interacting with the Figma.
  • Figma Plugin DS: An unofficially supported design system that closely mirrors the Figma UI for use in the development of Figma plugins. It is built with HTML, JS, and CSS with no dependencies. It is designed for users that want to get started quickly without any complicated build processes.
  • List of open-source Figma plugins: A list of plugins that have their source code available on GitHub, as well as some additional resources for building plugins. This is a great place to see how other plugins are built.
  • FigPlug: A small program for building Figma plugins. It offers all the things you need for most projects: TypeScript, React/JSX, asset bundling, plugin manifest generation, etc.
  • Figma Plugins Slack workspace: A community run Slack workspace where plugin developers interact, share what they are working on, and ask questions.