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.
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.
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:
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:
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:
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:
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:
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:
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:
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.
All images credit of their respective plugin owners.