Work Smarter, Not Harder in Figma with These 9 Plugins for Product Designers

Nolan Marketti-Morales
May 17, 2021

The first time I tried using Figma, I almost had a designer breakdown. To say the least, it wasn’t the most pleasant design experience. In retrospect, I feel that this was because I had been so ingrained with the Sketch workflow that I was very hell-bent not to change. Components? What are these? No master “Symbols” board? I’m so lost. I can’t right now.


Once I have a good process or flow for work I will need a damn good reason to change it. As time passed, I started to see more on the world wide web regarding Figma, and those around me continued to persuade me to reconsider. So I gave it another shot.


Now that I’ve been officially switched over from Sketch to Figma, I’ve revamped some of my workflows and have been curating a list of my top used plugins that you can add to your Figma resources and speed up your design workflow.


Here are 9 of the best Figma plugins to work smarter, not harder.



design system organizer figma plugin


No. 1 - Design System Organizer

Managing a design system is a lot of work. It’s even more time-consuming when you create new components as you design something that hadn’t existed before within that system. It’s much easier to design on the current file you’re working on and then move them to their respective libraries. However, there’s no native way to re-link all of your instances if you move the main component out of the file into another file, such as a library.


This plugin allows you to create all your components, variations, and styles on the current document you’re working on. Once you’re done, you can easily transfer all the assets into their respective design libraries and, with a couple of clicks, re-link your components and styles back with ease. It’s almost like magic.


If you’re a designer that is building out a design system or continuously adding/adapting your design system, this plugin is for you.


It Helps You:


This plugin does require a license to use, but the small fee is absolutely worth it. It’s a one-time fee of $12 for an individual, and $36 for an organization.


View Plugin Here


autoflow figma plugin


No. 2 - Autoflow

When handing off digital work such as an app design, there are often different flows that users can navigate and buttons that link off to other screens within the design. This plugin can help you efficiently create design flows that make it clear to engineers how a design flow functions.


Benefits:


View Plugin Here


import json into figma plugin


No. 3 - JSON to Figma

It’s effortless to design nice layouts and pixel perfected tidy design with lorem ipsum. But the reality is users never view design with fake data and content. When designing products with many duplicate components, it can become tedious to update every individual layer with fake names, avatars, and content.


This plugin solves that by allowing you to import a JSON file either locally or via URL and with just a few clicks, update all your designs with real data.


Benefits:


View Plugin Here


component utilities figma plugin


No. 4 - Component Utilities

Working with components within Figma can sometimes be a thoughtful process. If you use the atomic design method, it can become even more complex.


This useful plugin helps you build components faster and break them down further into more components.


Features:


View Plugin Here


stark accessibility checker figma plugin


No. 5 - Stark

Designing for accessibility is critical. Stark is the ultimate Figma accessibility plugin. Check for contrat ratios across all variations. Test design accessibility of different colors on the fly, or Simulate color blindness all inside Figma.


You can easily:


View Plugin Here


batch styler for styles and typography figma plugin


No. 6 - Batch Styler

Managing your design system is one thing, but making changes to styles and typography is another. As it grows, it starts to become increasingly difficult to manage. This is where Batch Styler comes in. Did you make a font change? Update your entire typography system with a couple of clicks. Out with the manual changing of typography and color styles.


Features:


View Plugin Here


print for figma plugin

No. 7 - Print for Figma

Figma is an incredible design tool and yes, it’s primarily for digital design. But you can absolutely use it for print and take full advantage of its features. Print for Figma instantly creates print-sized frames.


Features:


Coming Soon:


View Plugin Here


pitchdeck export figma plugin


No. 8 - Pitchdeck Presentation Studio

Every now and then, the ask comes in. We fear it. Or maybe it’s just me.

“Can you design a Powerpoint Presentation?”


Using Powerpoint or Keynote isn’t always fun. Setting up master styles and styling everything is not easy. It’s honestly a little old school.


Well, you’re in luck with Pitchdeck Presentation Studio. Design all of your slides for your next presentation in Figma and easily export to Powerpoint, Keynote or Google Slides. Or keep it simple by exporting all your slides to a single PDF. The best part? Text stays editable for anyone you hand off to.


You can even add GIFs, Videos, and Animations.


Features:


View Plugin Here


artboard studio figma mockups plugin


No. 9 - Artboard Studio

The standard process for mocking up designs is using pre-made PSD templates and scenes that you can buy from online sources or make your own. This is a time-consuming process. You have to research what you’re looking for, and more often than not, it’s not exactly what you need.


Artboard Studio changes this process and makes it easy for you to rapidly mock up your designs on any device imaginable and create various unique scenes all from within Figma.


Features:


This plugin has a free and monthly subscription option. The free option is limited with the free templates, and I highly recommend upgrading to the premium and unlocking all mockup options. It’s worth every dollar.


View Plugin Here


All images credit of their respective plugin owners.

What's next