UX-Ray by Baymard (Figma plugin)

The UX-Ray Figma plugin scans your design frames directly inside Figma and flags UX issues based on Baymard's guidelines.

Scans return a list of UX Insights, which are auto-rated UX guidelines prioritized by user impact as observed in Baymard's large-scale qualitative testing. The number of guidelines included in the scan depends on your plan level.

Whether used on Baymard, in Figma, or in Chrome, UX-Ray rates guidelines with at least 95% accuracy compared to expert manual evaluation of the same guideline across dozens of test sites.

Installing the plugin

1. Go to the UX-Ray by Baymard plugin page on Figma.
2. Click Try in... and select a Figma file from the dropdown to try the plugin with.

Running a scan

1. Open the Figma plugin in any Figma file that has ecommerce site designs or prototypes.
2. Click Run.
3. If needed, sign in to your Baymard account.
4. Select the frames you want to analyze in your Figma file.
5. Click Scan Selection with UX-Ray.
6. When the scan is finished, click any UX Insight to view the issue, recommended fixes, and linked guideline.

Comparing competitor designs

You can also add screenshots of competitor designs to your file and scan those frames to see how their UX choices compare to your own.

See also

• Primary UX-Ray documentation
• UX Best Practice Cards (Figma widget)
• UX-Ray Chrome extension
• AI Heuristic UX Evaluations with a 95% Accuracy Rate (Human-Level Accuracy)