0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#2 in Prototyping

Attention Insight: AI heatmap, clarity score, focus map, contrast map

Instantly generate AI heatmaps with predictive eye-tracking technology. Boost conversions.

by Donatas Puidokas

users
78K
likes
1.5K
saves
21K
comments
36
Free + paid featuresWorks inFigma Design
Price
Free + paid features
Latest version
v16 · Jul 21, 2025
First published
Apr 27, 2021
Features

What Attention Insight: AI heatmap, clarity score, focus map, contrast map does

Summarised from Donatas Puidokas's description on the Figma Community.

  • How Does It Work

    Select a Figma Frame which you want to test;

  • Technology

    Our attention prediction model is based on deep learning and can automatically detect visual attention shifts.

  • Manifest

    4 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): 🎈 Single Design Analysis, 📦 Bulk Analyses, 👌 FAQ, 👥 Log out.

On this page
Overview

About Attention Insight: AI heatmap, clarity score, focus map, contrast map

Attention Insight: AI heatmap, clarity score, focus map, contrast map is a free + paid features Figma plugin published by Donatas Puidokas in 2021. It works in Figma Design and has 78,016 users and 1,487 likes on the Figma Community. It ranks #2 in Prototyping and #10 in AI on our lists.

In the developer's words

See how your designs perform before you click "publish"

Artificial Intelligence instantly predicts where users will look after engaging with your design so you can save time and avoid fixes after the launch. Don’t doubt even for a moment & prove your design vision!

Learn if the CTA button is visible enough, conduct A/B testing, see which object attracts the most attention, and create a better user experience based on data!

🤔 How Does It Work

Select a Figma Frame which you want to test;

Go to: Plugins > Attention Insight > 🎈Analyse design;

Choose design type: Desktop, Mobile, Posters, Packaging, Shelves, Marketing Material;

Wait for 30 seconds 🕓 and check the results.

👑 Features

💎 Attention Heatmap

💎 Focus Map & Focus Score

💎 Clarity Score

💎 Percentage of Attention

💎 Contrast Map

💎 Bulk Analyses

🤖 Technology

Our attention prediction model is based on deep learning and can automatically detect visual attention shifts. More about the technology - https://attentioninsight.com/technology/

🧐 Hey, Don’t You Have an Account Yet?

No worries! Register for a Free Trial and get 7 free tests.

https://app.attentioninsight.com/auth/signin

Changelog

What's new

Version 16 · released Jul 21, 2025

  • Small fixes for Add to Frames, Calculate Aoi
Trust

Permissions and privacy

Network access

Attention Insight: AI heatmap, clarity score, focus map, contrast map can only connect to the 4 domains declared in its manifest: attentioninsight.com, app.attentioninsight.com, dev.runwiththelions.eu and *.ingest.sentry.io.

  • attentioninsight.com
  • app.attentioninsight.com
  • dev.runwiththelions.eu
  • *.ingest.sentry.io

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Attention Insight: AI heatmap, clarity score, focus map, contrast map ranks

Compare

Attention Insight: AI heatmap, clarity score, focus map, contrast map alternatives

  1. 1

    ProtoPie

    by ProtoPie

    199K users3.4KFree + paid features

    High-fidelity prototyping for Figma. Import Figma designs and add dynamic, conditional interactions.

  2. 2

    Axure

    by Axure

    49K users1.2KFree

    Import and transform your designs into rich, interactive prototypes with the power of Axure RP

  3. 3

    Prototyper

    by Jordan Singer

    43K users1.4KFree

    Powerful prototyping with code

  4. 4
    24K users566Free + $6/mo upgrade

    Easily create highly interactive & custom input fields for your prototypes – directly in Figma.

  5. 23K users207Free

    Variable-controlled, scaleable, interactive input component for typing on prototype..

  6. 6
    19K users47Free + $7 upgrade

    Turn your text layers to input fields in prototype

FAQ

Attention Insight: AI heatmap, clarity score, focus map, contrast map FAQ

What does Attention Insight: AI heatmap, clarity score, focus map, contrast map do?

Instantly generate AI heatmaps with predictive eye-tracking technology. Boost conversions. It's a Figma plugin by Donatas Puidokas that runs in Figma Design.

Is Attention Insight: AI heatmap, clarity score, focus map, contrast map free?

Attention Insight: AI heatmap, clarity score, focus map, contrast map is free to install, but some features are unlocked through a paid plan on the developer's site.

Is Attention Insight: AI heatmap, clarity score, focus map, contrast map safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Attention Insight: AI heatmap, clarity score, focus map, contrast map can only connect to the 4 domains declared in its manifest: attentioninsight.com, app.attentioninsight.com, dev.runwiththelions.eu and *.ingest.sentry.io. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Attention Insight: AI heatmap, clarity score, focus map, contrast map?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Attention Insight: AI heatmap, clarity score, focus map, contrast map?

By user count, the closest alternatives are ProtoPie, Axure and Prototyper by Jordan Singer. Compare all of them on the best Figma plugins for prototyping.

For developers

Built this plugin?

Use this page as a landing page for Attention Insight: AI heatmap, clarity score, focus map, contrast map: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Attention Insight: AI heatmap, clarity score, focus map, contrast map on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/attention-insight-ai-heatmap-clarity-score-focus-map-contras/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Attention Insight: AI heatmap, clarity score, focus map, contrast map on figmaplugins.co" width="220" height="48"></a>