UX Articles

The New Baymard Figma Plugin: Add UX Best Practice Cards to Any Figma Project

Christian Holst

Research Director and Co-Founder

Published Nov 27, 2024

We just launched the official Baymard plugin for Figma! You can now add research-backed UX Best Practice Cards to any Figma project to reinforce your design decisions and make stakeholder management easier than ever before.

Our brand-new plugin gives you instant access to our best practice guidelines, helping you inspire confidence in your designs with a click. Best of all, the plugin is completely free to use—you don’t even need to be a Baymard Premium subscriber!

Best Practice Cards powered by over 150,000 hours of research

Why leave project sign-off to chance? Provide clear, research-backed justification for every design decision with Baymard’s UX Best Practice Cards.

The cards cover a broad range of use cases and component types making them perfect for any Figma project. Here’s a sample of what the cards cover:

  • Homepage UX
  • Navigation UX
  • Search UX
  • List and Filtering UX
  • Product Page UX
  • Cart and Checkout UX
  • Account UX

Whether you’re justifying the placement of a button or explaining the structure of a product page, our new plugin makes it easier to communicate and support your design choices.

How to add UX Best Practice Cards to your Figma project

To get started, head over to the Figma store and install the Baymard plugin by clicking ‘Open in Figma’. This will add the plugin to your project instantly.

Once you’ve installed the plugin, adding cards to your design is quick and easy:

1) Find a card

Search through the available cards based on your design use case or project type. Click on the search modal and enter your component type or area of focus in the plugin’s search bar (for example, you might search ‘carousel ux for mobile’ or ‘account drop-down placement’ to find the right card for your project).

2) Add the card

Once you’ve found the appropriate card, drag and drop it into Figma or FigJam. To add more cards, reopen the search modal and search for something new. Alternatively, click on any existing card to access the search shortcut.

3) Get feedback

Once you’ve added all the Best Practice Cards you need, share your project with stakeholders to kick off feedback and iteration.

Inspire confidence in your designs with a click

By incorporating evidence-backed UX research directly in your Figma and FigJam projects, you can justify your design decisions and eliminate time-consuming discussions—giving stakeholders a clear understanding of why and how your designs work.

Head over to the Figma store and install the plugin for free.



Get instant access to over 150,000 hours of UX research with Baymard Premium. With 650+ UX best practice guidelines and countless UX insights at your fingertips, Baymard empowers your team to Improve ROI on your UX projects and increase confidence in UX decisions like never before.

Christian Holst

Research Director and Co-Founder

Published Nov 27, 2024

Christian is the research director and co-founder of Baymard. Christian oversees all UX research activities at Baymard. His areas of specialization within e-commerce UX are: Checkout, Form Field, Search, Mobile web, and Product Listings. Christian is also an avid speaker at UX and CRO conferences.

Share:

User Experience Research, Delivered Weekly

Join 60,000+ UX professionals and get a new UX article every week.

A screenshot of the UX article newsletter