
Hi, this is my first project — I built it to make it easier to compare Figma designs with live websites. Hope you find it useful!
Over.fig — a free Chrome extension that overlays your Figma design on the live webpage, inspects Figma CSS, converts them into Tailwind utility classes, and lets you easily view spacing between elements.All features are available absolutely for free.
How It Works:
1. Paste your Figma link
2. Pick a frame to overlay
3. 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
Would love your feedback!