Figma plugin

The expoze Figma plugin allows you to generate visual attention heatmaps directly inside your Figma workspace. By analyzing canvas frames, the plugin predicts which elements capture human visual focus, including call-to-action buttons, headlines, logos, and product imagery.

Strategic value

Evaluating visual attention within your existing design workflow eliminates the need to export files and toggle between applications. Testing designs directly in Figma provides immediate feedback on visual hierarchy, helping you optimize layouts before final asset export.

How to install and set up the plugin

1. Open Figma and navigate to Community, or right-click any element inside your design file and select Plugins.
2. Click Browse plugins in Community.

3. 

   Search for expoze.io in the search bar.

4. Click Install.

   

5. Return to your design canvas, right-click, select Plugins, and launch expoze.io.

6. Enter your account credentials and click Login, or select Sign in with Google.

   Go to your design,  
   

How to generate and export heatmaps in Figma

1. Select the Figma frame you want to analyze.

2. Choose your target destination folder from the dropdown menu. If no folder exists, the plugin automatically creates a folder named Figma plugin.

   

3. Click Create heatmap! to run the prediction.
4. Review the generated visual attention heatmap overlay directly on your selected frame.
5. Export your result by selecting the newly created expoze.io heatmap layer and using the Figma export panel on the right, or click Download result! inside the plugin window.

6. Click Upload another to test additional viewports or frames on your canvas.

   

💡Pro Tip

Analyzing each frame deducts one credit from your account. Finalize your layer positioning and content layout first in Figma, then open the web application for deeper diagnostic tools like drawing Areas of Interest (AOIs).