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!
