Figma
Sign up
Figma

Automate work. Bring in real data. Extend what’s possible with Figma Plugins.

Sho Kuwamoto
Sho Kuwamoto, Director of Product, Figma

I’m excited to introduce plugins to the entire Figma community, alongside hundreds of creators who’ve built and published plugins during our beta. Today, the gates are open for anyone to use these plugins built by our community and build your own plugins tailored to your workflow.

I’ve spent the majority of my professional career working on tools that allow other people to create things. Empowering other people to be creative is fun for me, and working on extensibility architectures is an even more fun version of that.

Plugins were always in our future at Figma, but we wanted to do things differently with our platform architecture. Plugins are critical components to a designer’s workflow that can serve as little power-ups and help extend Figma’s product functionality. However, as important as they are, design plugins to date have not yet met the call of duty. We saw two primary problems:

  1. Although designers rely on plugins, design plugins are not always reliable or secure. This is because they’re often built on not fully-supported APIs.
  2. Designers are at the mercy of others to build plugins for them, unless they themselves know how to code. And getting engineering resources is never easy.

Fortunately, I got to work with super talented engineers and powerhouse plugin developers from our community to help figure out these challenges. We wanted our plugins to be secure, stable, and performant, of course. But we also wanted Figma plugin programming to feel like web programming. Our internal motto is: “If you can code a webpage with basic HTML and JavaScript, you can build a Figma plugin.”

It turns out that there were a lot of technical challenges to make this happen (which we will cover in a later engineering blog post). We also had to figure out—for the first time in the design tooling space—what a plugin architecture looked like for a web-based platform. But in architecting our plugins platform in this manner, our hope was that these upfront investments would allow more plugin creators to build more creative, interesting plugins

Figma plugins make it easy to advocate for myself and others by giving me the ability to create the design tools we need, rather than crossing our fingers and hoping someone else will make them for us.

Tiffany Chen, UX Designer at Microsoft

After just 6 weeks in beta, we now have over 40 public plugins available to the Figma community—with more added every day. You can browse all plugins right in the Figma product. Installing a plugin takes one click. In your design file, just right click to pull up all the available plugins.

browse-install-demo

For customers on the Figma Organization plan, you can also build and distribute private plugins to all the users at your company. Admins can even curate a list of plugins their users have access to and install plugins on their behalf.

Screenshot 2019-07-31 17.17.35

So, let’s meet some of these plugins, shall we? (It was nearly impossible to select the plugins to feature in this post. We will continue to feature more over the coming weeks!)

Utility plugins that help automate repetitive tasks

Working in a design tool every day can cause some pixel-pushing pain. To help reduce the pain, utility plugins remove a lot of the manual work.

Similayer

Creator: David Williames, Senior Product Designer for the Australia Post app

With five Figma plugins published and more in the works, David Williames is building useful tools to give back to the design community, as he himself received a lot of support and encouragement early on in his career. His plugin, Similayer, selects all layers with similar properties, allowing you to easily batch edit them.

similayer

Super Tidy

Creator: Ismael González-Nicolás, Product Designer at Cabify

Ismael González-Nicolás has built two incredibly useful plugins for the community—Super Tidy and Content Buddy. Super Tidy renames your frames and reorders them in the layers list, so everything stays organized.

super-tidy

Generative plugins that bring in beautiful, contextual visuals

Unsplash

Creator: Liam Martens, in collaboration with Kirill Zakharov at Unsplash

If you love Unsplash and Figma, this is the plugin for you. Now, you can insert Unsplash images right into your Figma files. Make sure to check out Unsplash’s blog post about how they’re simplifying their design workflow with plugins.

unsplash

Content Reel

Creator: Microsoft

Every design needs relevant content and visuals. Built by Microsoft (shout out to Eugene Gavriloff), Content Reel lets you search for relevant assets and populates your designs with texts, avatars, and icons.

content-reel

Accessibility plugins that flag errors designers can’t see

Contrast Checker

Creator: Stark

The very popular contrast checker is now available in Figma, thanks to Michael Fouquet. Stark ensures your colors, visuals, and typography are readable, legible, and have enough contrast.

Contrast-Checker

Color Blind

Creator: Sam Mason de Caires, UX Engineer at Cloudflare

Color Blind is a plugin that lets a designer see their design through the lens of the 8 different types of color vision deficiencies. Sam’s a big proponent of fostering more empathy between designers and the users they design for. Color Blind certainly does just that.

color-blind

Design systems plugins that help designers access and adhere to their libraries

Microsoft Theme Switcher

Creator: Jackie Chui, UX Designer at Microsoft

You won’t be able to find Theme Switcher available as a public Figma plugin because this is built just for Microsoft. Theme Switcher is a private Microsoft plugin that allows their designers to switch between their multiple product themes. Any Figma customer on the Organization plan can also build private plugins, too.

microsoft-themes-final

Themer

Creator: Tom Lowry, Designer Advocate at Figma

Built by Figma’s very own Tom Lowry, Themer is a plugin that enables designers to swap between multiple published styles easily. For example, you can swap between dark mode and light mode in a click.

themer

Data population plugins that add real content and data

Mapsicle

Creator: Chris Arvin, Product Designer at Remix

If you’re like Chris, you work with maps every day. Maps are often a critical part of your product or website, but constantly grabbing screenshots of maps is no fun. Now with Mapsicle you can insert relevant maps into Figma designs and edit in-line.

mapsicle

Brandfetch

Creator: Brandfetch

How many times have you googled a company logo? Brandfetch now eliminates that step. With this plugin, you can search and insert the logo you’re looking for all without leaving Figma.

brandfetch

Plugins that bring designs to life right in Figma

Roto

Creator: Carlo Jörges, Lead Product Designer at Facebook

Turning 2D shapes into 3D objects can get tricky. Roto can help. Built using three.js, an open source 3D JavaScript library, Roto lets you manipulate the angle, depth, or perspective distortion of a shape.

roto

The biggest thank you

None of this would be possible without our beta customers. So a special heartfelt thanks to all the creators who’ve built and published plugins for the Figma community:

Ahamad Al Haddad, Coinbase, Gleb, Brandfetch, Jenil Gogari, Pavel Kuligin, Sam Mason de Caires, David Williames, Kate Miller, Ismael Gonzalez, Microsoft, Zeh Fernandes, Liam Martens, Kazushi Kawamura, Nitin, Tiffany Chen, Vjacheslav Trushkin, Matt DesLauriers, Pavel Laptev, Chris Arvin, Maxime De Greve, Canva Design, Rodrigo Soares, Carlo Jörges, Michael Fouquet, Ismael Gonzalez, Tom Lowry, Jordan Singer, Denis Rojčyk

Now, go check out all the other plugins, or build your own. We can’t wait to see what you create.

Try Figma for free.