FrameSight : Eyetracking Heatmap & Scanpath
Predict attention with heatmaps, scanpaths, and AI-powered UX feedback.
Plugin 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:[email protected]
Plugin Details
| Version | 1 |
|---|---|
| Created | June 22, 2026 |
| Last Updated | June 22, 2026 |
| Category | Accessibility tools |
| Creator | 이유철 |
| Stats | 1 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
The plugin sends selected Figma frame images to the stateless analysis server to generate eye-tracking heatmaps, scanpaths, and frame-level VLM chat answers.
- Editor Types:figma
- Allowed Domains:
- https://eyetrack.newlearn.ai.kr
More Like This
Discover other plugins in the Accessibility tools category.