DEVOURED
AI Can Build Your UI. Now Figma Can Tell It When It Screwed Up
Applitools now allows Figma to serve as the ground-truth visual baseline for AI-driven tests, bridging the gap between design and implementation.
What: The September 15 update integrates Figma URLs into Applitools Eyes, enabling automated coding agents to verify that the generated code visually matches the approved design.
Why it matters: AI coding agents often produce functionally correct code that violates design requirements; treating the Figma file as an immutable test baseline enforces visual consistency at scale.
Takeaway: If you use coding agents to build UI, configure your Applitools Eyes MCP server to automatically compare output against your Figma design frames.
Decoder
- Visual Baseline: The approved reference image or design frame against which new code or UI iterations are compared to detect visual regressions.
- MCP Server: Model Context Protocol server, which allows AI models to connect to external systems like design tools or testing suites.
Original article
Applitools' integration lets a Figma frame URL serve as the visual baseline, matching the test viewport and flagging where an implementation drifts from the approved design. The same September 15 release expands its Eyes MCP Server so coding agents can inspect, review, and resolve visual tests from chat. Code that runs is not the same as code that matches the design, and Figma becomes the reference that settles it.
Explore all 44 articles in today's digest
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi