This content originally appeared on DEV Community and was authored by dren0r
Hi, this is my first project. Hope you find it useful!
Over.fig — a free Chrome extension that overlays your Figma semi-transparent design directly on the webpage for instant visual comparison.
How It Works:
- Paste your Figma link
- Pick a frame to overlay
- Compare instantly — your design floats right over your web page
Key Features:
- Pixel-perfect accuracy
- Effortless CSS inspection — auto-convert styles to Tailwind utility classes
- Precise measurements — see spacing, font sizes, and alignment in real time
- Custom font support
- Download optimized assets directly from Figma
- Save hours every week on QA and revisions
All features are available absolutely for free.
Would love your feedback!
This content originally appeared on DEV Community and was authored by dren0r