• facebook
    • instagram
    • linkedin
    • youtube
  • FR
Third Wunder
ThirdWunder
  • Services
    • Digital Marketing
      • Content Creation & SEO
      • Social Media Management
      • Email Marketing
    • Branding
      • Branding & Messaging
      • Web Design
      • UX Design & CRO
    • Web
      • Web Development
      • Landing Pages
      • Marketing Automation & Integration
    • HubSpot CRM
  • Our Work
    • Projects Portfolio
    • WunderWorks
  • Blog
    • WunderLand
      • Strategy
      • Branding
      • Design
      • Social Media
      • Campaigning
    • Webinars
  • About
  • Contact
Book a Call
Third Wunder

Table of Contents

  • 1. Find & Replace
  • 2. Font Fascia
  • 3. Unsplash
  • 4. Iconify
  • 5. To Path
  • 6. Zebra
  • 7. SPELLL
  • 8. Export styles to CSS variables
  • 9. Breakpoints
  • 10. Paletteer
Share This Article
  • Facebook
  • Twitter
  • LinkedIn
  • Email
Design

Third Wunder’s Favourite Figma Plugins

Liz Michaud
Liz Michaud
Design
6 mins read
May 21, 2021

Table of Contents

  • 1. Find & Replace
  • 2. Font Fascia
  • 3. Unsplash
  • 4. Iconify
  • 5. To Path
  • 6. Zebra
  • 7. SPELLL
  • 8. Export styles to CSS variables
  • 9. Breakpoints
  • 10. Paletteer
Share This Article
  • Facebook
  • Twitter
  • LinkedIn
  • Email

In 2019, Third Wunder took the leap from working with a combination of Sketch and Invision to a new versatile and flexible design program called Figma.

And we haven’t looked back since.

To say Figma has been a game-changer would be an understatement. It’s helped us produce cleaner, more organized designs, make handoffs to developers smoother, and helped our clients navigate design decisions with ease.

While there are many plugins that can help speed up and refine the design process, here are the 11 Figma plugins we at Third Wunder can’t live without.

1. Find & Replace

Find & Replace Figma Plugin

When you’re cranking out as many design systems as we are, you reuse a lot of the same components, layouts and pages. Find & Replace tools are crucial for speeding up global text updates across an entire brand in seconds (instead of hours).

2. Font Fascia

Figma Font Fascia Plugin

Nothing makes that scary vein in your head pulse more than messy font stacks. Take stock of ALL the fonts used in a single file and replace them in one fell swoop with Font Fascia! This makes updating our brand styles and keeping designs consistent for our clients a breeze.

3. Unsplash

Figma Unsplash Plugin

Unsplash has quickly become one of our favourite plugins. For starters, you can search the Unsplash library without ever leaving your Figma window. Plus, when you’re rapid prototyping and need a variety of stock photos in a particular mood, it’s incredible to be able to simply right-click and let all the images fill themselves in. Best of all, because it’s Unsplash, you’re guaranteed a stylish image.

4. Iconify

Figma Iconify Plugin

Working from a custom designed icon library is ideal, but when you’re prototyping or building out a system from scratch, sometimes you need to find a quick placeholder icon that will tell the user story without getting bogged down in style. Iconify is a simple plugin that will help you find a house, a bell or a gear icon whenever you need it.

5. To Path

Figma To Path Plugin

We’re always looking for ways to stay in Figma instead of switching modes to Adobe Illustrator or some other vector renderer. For a speedier workflow when playing with typographic treatments, To Path can place type along the edge of a shape much like Adobe Illustrator’s “Type on a path” tool. While the results are less refined, the ability to put objects on a path makes this a stand-out plugin, and it sure beats switching programs mid-flow!

Further reading

  • Mar 7

    Third Wednesday Webinar Presents Effective Feedback for Creative Projects / 25 mins read

    Read More
  • Feb 17

    The Importance of Iconography in Design / 6 mins read

    Read More
  • Jan 20

    The Importance of Typography in Design / 7 mins read

    Read More

6. Zebra

Figma Zebra Plugin

When checking for colour contrast on the fly, Zebra is a quick and easy way to verify your contrast is compliant. We like the user interface (UI) better on this plugin than other available tools. Plus, look how cute that lil’ Zebra is!

7. SPELLL

Figma spell check

All hail the spell checkers! There’s no getting around this one, designers just can’t see typos. While there are a few other spell check plugins out there, we prefer SPELLL because it’s got a clean interface and is easy to use.

8. Export styles to CSS variables

Export styles to CSS variables

The name says it all: this is a practical plugin for when designs are ready to hand off to your developers. Two clicks and all your colour and text styles are exported in whatever format you need!

9. Breakpoints

Figma Breakpoints Plugin

Breakpoints is pure magic! This plugin allows you to set up multiple layout styles for different breakpoints on a single component, allowing you to test the flexibility of your designs for mobile, tablet or desktop from within Figma.

10. Paletteer

Paletteer Figma Plugin

When building out a brand for web or creating a design system, sometimes the initial brand colours don’t have the variants and options you need for a robust colour system. Plugins like Paletteer offers up a range of colours from a single hex code, and automatically adds them to your Figma file styles. We usually refine and test our colours further, but this plugin makes the process of setting up our full colour variants a breeze.

And there you have it! While these are just some of our go-tos, feel free to peruse the Figma Community to discover their wide range of plugins, as well as templates and experiments.

Web Design That Gets You Noticed We can help with all of your design needs. Whether it’s for your website, social media, display ads, email templates, or anything else you need, we create designs that deliver high-impact results.  
Share This Article
  • Facebook
  • Twitter
  • LinkedIn
  • Email
Previous Article
Arcticle Header - Tik Tok

TikTok: Should it be Part of Your Digital Strategy?

April 21, 2021
Next Article
How Readability Affects Your Content and 7 Ways to Improve it

7 Ways to Improve How Readability Affects Your Content

June 11, 2021

Other articles you might like

Third Wunder - Featured Image- Brand archetypes - branding

Brand Archetypes Are the Ultimate Storytelling Hack

Elizabeth Holloway
Elizabeth Holloway
Branding
6 mins read
May 5, 2025

Third Wednesday Webinar Presents: Marketing Research Reinvented

Elizabeth Holloway
Elizabeth Holloway
Strategy
27 mins read
Apr 28, 2025

Outsmart the Summer Slump: How to Reverse-Engineer Your Summer Campaigns

Elizabeth Holloway
Elizabeth Holloway
Campaigning
5 mins read
Apr 14, 2025

How Community Data Is Powering Smarter Social Services in Quebec

Mohamed Hamad
Mohamed Hamad
Development
4 mins read
Apr 7, 2025

Categories

Third Wunder branded image for our holistic digital marketing services

Strategy

Third Wunder branded image for our marketing campaigning services

Campaigning

Third Wunder branded image featuring a hand holding a pencil, supporting our design services

Design

Third Wunder branded image featuring a laptop and cell phone supporting our web development services

Development

Third Wunder branded image supporting our social media marketing services

Social Media

Third Wunder branded image featuring the word

Branding

Stay in the loop

Join the Wunderland newsletter for marketing tips, tricks, and more insights from your favourite Wunders.

  • This field is for validation purposes and should be left unchanged.

  • ThirdWunder
    • Contact Us
    • Work
    • Team
    • Careers
    • Privacy Policy
  • WunderLand
    • Strategy
    • Branding
    • Design
    • Social Media
    • Campaigning
  • MARKETING
    • Content & SEO
    • Social Media
    • Email Marketing
    • HubSpot CRM
  • BRANDING
    • Brand Messaging
    • Web Design
    • UX Design & CRO
  • WEB
    • Web Development
    • Landing Pages
    • Automation & Integration
Third Wunder
  • info@thirdwunder.com
  • +1 ‭(514) 437-1652‬
© 2024 Third Wunder All Rights Reserved
Made with ♡ in Montreal by Third Wunder
Third Wunder
  • Team
  • Work
  • Expertise
    • Digital Marketing
    • Branding
    • Web
    • HubSpot CRM
  • WunderLand Blog
  • Book a Call
Book a Call