Skip to content

Figma heatmaps: analyse an exported frame

The Figma plugin is not available yet. You can already review your designs by exporting a frame and uploading it to the image heatmap tool.

Analyse an exported frame
Fictional Nimbus landing page used as model inputUNISAL prediction over the same landing page
Teaching example, not a customer result. The page is fictional; the map was calculated with UNISAL. Colours show relative saliency within this image, not clicks or a gaze path. Read the method

The workflow available today

Export the frame in the same composition someone will see. Include its background and final text. Do not include unrelated frames, annotations or editor controls in the image.

  1. Select your frame in Figma and export a PNG or JPEG.
  2. Upload the export to the image heatmap generator.
  3. Inspect the original and predicted map together.
  4. Export a revision at the same dimensions and compare the variants.

What the prediction does not inspect

Heatpoints analyses pixels. It does not read Figma layers, understand component properties or test prototype interactions. It cannot establish whether a flow is understandable or accessible.

Use the map to identify visual competition, then test the prototype with relevant users. Once implemented, the Chrome extension can review the actual page rendering.

References: Figma tutorial · Review in Chrome

Plugin status

There is currently no Heatpoints plugin installation link. This page describes the export workaround and will be updated when a public plugin is available. We do not promise a release date.