3 min read

5 Figma Plugins That Can Make Your Design More Accessible And Inclusive

Design thinking as a discipline has evolved over the last decade. Confined to the creative acumen of a select few in the past, design has never been a team sport. However, collaborative interface design tools such as Figma have enabled different cross-functional teams to join the design conversation and contribute holistically. 

“If we use our own abilities as a baseline, we make things that are easy for some people to use, but difficult for everyone else” — Microsoft inclusive toolkit.

The key point of differentiation between Figma and other group design tools is accessibility and ease of use; this expands the scope of design for everyone. Inclusive design can accommodate users that were previously left outside the purview of mainstream product and services, i.e, users with diverse learning abilities (such as colour blindness, dyslexia or hearing difficulties). Ever since Figma introduced plugins last year, it has become a collaborative powerhouse and allowed developers and users to take interface design to the next level. To make this process a little easier we’ve put together some plugins which will help you to save some time and effort in making design accessible to all.

1.  Contrast

Contrast is a great plugin to check the contrast ratio of your design elements. It’s useful for checking text contrast, readability and legibility in accordance with the criteria defined in the Web Content Accessibility Guidelines (WCAG). One of the coolest things about this plugin is you can also check for contrast issues over images which is especially useful when you want to add text over an image.

2. Color Blind

Color Blind allows you to view your designs in the eight different types of color vision deficiencies. As far as design inclusivity goes, this plugin truly goes the distance in ensuring accessibility to all users. This is pretty useful to see if there are any contrast issues in your design which can be present for people with colorblindness.

3. SPELLL

SPELLL is a plugin that corrects spelling mistakes. This straightforward and easy to use plugin that constantly checks the Figma document for any spelling errors and lets you fix them with a single click.

4. Visual Eyes

This plugin combines leading neuroscience research with AI to accurately predict how people will react to your digital designs. This plugin helps you understand the key attention areas and visual hierarchy in your design. It also provides a clarity score based on how design elements are placed.

5. Useberry

The best way to make an accessible and inclusive design is by getting rich user feedback. This plugin allows team members to create user testing exercises without leaving Figma.  Users can use their prototypes and test innovative UX ideas and collect users’ feedback and rich insights in real-time. This plugin is a must-have for all data-driven designers.

Aniket Agarwal