Applitools Eyes

About this plugin

The Applitools Eyes plugin connects your Figma designs directly to automated visual tests optimized with AI. Instead of manually comparing screenshots or waiting for design reviews, instantly validate dev work against the original design spec to avoid rework. Give your team a reliable source of truth for implementation.

Bridge the Design-to-Code Gap

Use Figma designs as the baseline for your automated visual tests.

1. Design-to-Implementation Validation: Export Figma frames to compare against your live UI, catching visual bugs and layout issues early.
2. Design-to-Design Comparison: Track design changes by comparing different versions to approve new baselines.
3. Centralized Collaboration: All test results appear in the Applitools Eyes dashboard, allowing teams to review visual differences side-by-side.
4. Granular Validation: Export top-level frames or include nested components. Configure match levels (Strict, Layout, Content) and check for accessibility issues.
5. Flexible Exports: Use dynamic Figma parameters for test metadata and export as single- or multi-step tests.

Getting Started

1. Select one or more frames in your Figma file
2. Launch the plugin and add your Applitools API key and server URL
3. Click Export to Eyes to send your designs for visual comparison and testing
4. View your frames in the Applitools Eyes dashboard

An active Applitools Eyes account and API key are required to use this plugin. See all the details in the Applitools Eyes documentation.