AsDesigned Companion

Compare Figma designs with their live web implementation using a pixel-perfect overlay.

Ship exactly what was designed. AsDesigned is an overlay and visual QA plugin for Figma. It turns any selected frame into a secure comparison web app that you can open with the AsDesigned Companion Chrome extension. The Figma design is overlaid directly on top of the live website in a browser viewport that exactly matches the selected frame. Adjust the overlay opacity to spot visual differences, move and align the design, inspect layers and spacing, or interact with the website underneath. Pan and zoom just like in Figma, use familiar keyboard shortcuts, and reopen your three most recent comparisons for up to 24 hours. Some websites block iframe embedding. AsDesigned works best with local, development, staging, or production environments that allow their pages to be displayed inside an iframe. Requires the free AsDesigned Figma plugin.