10 Figma Plugins Our Designers Can’t Live Without

Cheat codes for your design workflow

As designers at Flagrant, our main workhorse and tool of choice is Figma. We often supplement the standard features and tools in Figma by installing plugins that augment our workflow, speed up certain tasks, or help us review things like accessibility compliance and spelling before handing our work off to developers or clients.

We don’t always think to talk about them with our design peers during the course of getting work done, but these plugins are kind of like cheat codes. And who doesn’t want to save time or level up their workflow with a cheat code?

Here are the top 10 Figma plugins our designers can’t live without.

1. Stark

Stark is a suite of accessibility tools for teams, the most powerful of which are paid services. But did you know that Stark has a free Figma plugin? We love their easy-to-use contrast checker. Click any element in a Figma design and the Stark plugin clearly displays the contrast ratio between two colors. Check marks or Xs clearly indicate whether the element meets AA or AAA requirements for WCAG, plus you can swatch colors, switch color codes (RGB vs. HSL vs. hex, etc.), or even swap modes to use perceptual contrast (APCA beta).

2. Batch Styler

Batch Styler makes it easy to make batch changes to color, typography (font family, weight, line height, letter spacing), or to update style names and descriptions. Sometimes the number of styles needed for a project quickly balloons to cover all the use cases. Over the life of a project when a core style changes—say, a typeface—it can be super time consuming to update that typeface in Figma across 50+ styles. We love how easy Batch Styler makes these kinds of changes, and for how easy it makes kicking off a new project—just duplicate a Figma file with great core styles, then use the plugin to make changes, rather than setting up everything from scratch.

3. Master

Ever started a new project in Figma and realized too late that you should’ve created a Component instead of copying regular objects? Master plugin allows you to create a new component from a set of any objects, then connect those objects as instances. It’s one of those plugins that feels like core functionality, and it can be a real time-saver, especially on large projects. It’s free to try and $37.50 to purchase, and honestly we’ve never been more assured of money well-spent.

4. SPELLL

Let’s face it—as designers we often get asked to write small bits of copy or give perspective on marketing on a landing page. And sometimes as the more visually-inclined, we reach a point where letters and words are just shapes. SPELLL is the spell and grammar checker for Figma that you didn’t realize you were missing.

5. Data Lab

Sure you can use ChatGPT to generate a bunch of mock data for you but you can also hit them two birds with one stone and have this plugin create and paste that data for you. It also supports uploading your own content for easy content updates to all your designs.

6. Faker

In the same vein as Data Lab, Faker can help you fill in realistic placeholder text with just a few clicks. Select one or more objects, then quickly generate text for names, emails, URLs, headlines, dates, addresses, etc.

7. Make blob

Title speaks for itself. All the blobby shapes you can ever want without needing to struggle smoothing out your Bézier curves.

8. Find and Replace Colors

Figma’s built in selection color edits come in a pinch, but this plugin brings color replacement to a whole new level allowing you to select across fills, strokes, and gradients. Makes for breezy branding and color testing work, especially when you’re exploring new color palettes and styles.

9. Iconify

Quickly import icons into Figma as vector shapes from popular icon libraries like Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many others. Iconify has more than 150 icon sets containing over 200,000 icons.

10. Typescales

This plugin generates a modular type scale. You choose your base type size, set a multiplier, and how many sizes you want above and below the base.

If you’re looking for a team to help you discover the right thing to build and help you build it, get in touch.

Published on October 8, 2024