Skip to main content


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!

Be the first to reply!

Reply