Step 1
Add Design Diff to your Chrome browser or run the plugin right in Figma.
Step 2
In the extension or on the plugin, pick your Figma frame you want to compare the implementation against.
Step 3
Enter the URL or Navigate to the site you want to compare against your Figma design and open Design Diff by Floto
Step 4
See every difference — colors, spacing, typography, sizing — overlaid on the page.
Step 5
Hover over any component to see a side-by-side overlay of Figma specs vs. your actual CSS implementation. Import your figma variable library to compare against your design tokens.


