FrameSight : Eyetracking Heatmap & Scanpath
by 이유철
Predict attention with heatmaps, scanpaths, and AI-powered UX feedback.
Installs
7
Likes
4
Users
72
Views
57
Preview
About this plugin
See your design through your users’ eyes.
FrameSight helps you understand how attention may move across your interface—before development, handoff, or user testing.
Select your Figma frames and generate clear heatmaps and scanpaths that reveal what stands out, what may be overlooked, and how attention is likely to move through each screen.
See what grabs attentionHeatmaps make it easy to identify the areas most likely to attract attention.
Check whether important elements such as headlines, buttons, navigation, and key content stand out clearly—or compete with less important parts of the screen.
Understand how attention movesScanpaths show the predicted order and movement of attention across your design.
Use them to review visual hierarchy, find distracting elements, and see whether the screen guides users naturally toward the intended action.
Review multiple screens at onceSelect up to 15 frames and explore the results in one place.
Switch heatmaps and scanpaths on or off to compare each visualization with your original design—without leaving Figma.
Ask questions about your FrameNeed a second opinion?
Ask UX Bot about the selected frame to explore whether important content is easy to notice, whether the screen feels visually clear, and where improvements may be needed.
Design with more confidenceFrameSight helps you:
Check whether essential elements stand outIdentify distracting or overlooked areasReview visual hierarchy before handoffCompare attention patterns across screensSupport design decisions with clearer evidenceImprove your design through faster iterationHow to useSelect 1–15 frames in Figma.
Open FrameSight.
Click Run Analysis.
Explore the heatmap and scanpath for each screen.
Refine your design and analyze it again.
Please noteFrameSight provides predictive visual-attention insights. It does not replace live eye-tracking studies, usability testing, or direct user research.
Use the results as an early validation tool to discover potential issues, guide design discussions, and build stronger hypotheses for further testing.
ContactQuestions, feedback, or collaboration:teamnewlearn@gmail.com
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility