+
+

Related Products

  • Highcharts
    123 Ratings
    Visit Website
  • GWI
    201 Ratings
    Visit Website
  • B2i
    2 Ratings
    Visit Website
  • 3Q
    14 Ratings
    Visit Website
  • TradingView Stock Widgets
    16 Ratings
    Visit Website
  • JetBrains Junie
    12 Ratings
    Visit Website
  • JS7 JobScheduler
    1 Rating
    Visit Website
  • SDS Manager
    4 Ratings
    Visit Website
  • Virtuoso QA
    131 Ratings
    Visit Website
  • Google Cloud Run
    349 Ratings
    Visit Website

About

Over.fig - a free Chrome extension that overlays your Figma design as a semi-transparent layer directly into your webpage. Bridge the gap between design and code. Compare design to website in one click. No more switching tabs. No more guessing margins, fonts, or colors. And no more static image overlays that limit interaction. Key Features - Access Figma’s precise measurement tools — without leaving your website. Hover over any element and instantly see spacing, padding, and alignment. Verify every detail directly on the live page. No more tab-switching, no more guessing. - Instant check design CSS & Tailwind conversion. Click any design element to inspect its styles and transform Figma styles into Tailwind utility classes on the fly. - Overlay only the frame that you need. Need to use only a header, card, or CTA section? Select any frame or group in Figma, overlay just that part, and use it as a reference while coding.

About

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system. Because Tailwind is so low-level, it never encourages you to design the same site twice. Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project. Tailwind automatically removes all unused CSS when building for production, which means your final CSS bundle is the smallest it could possibly be. In fact, most Tailwind projects ship less than 10kB of CSS to the client.

Platforms Supported

Windows Not Supported
Mac Not Supported
Linux Not Supported
Cloud Supported
On-Premises Not Supported
iPhone Not Supported
iPad Not Supported
Android Not Supported
Chromebook Not Supported

Platforms Supported

Windows Supported
Mac Supported
Linux Supported
Cloud Not Supported
On-Premises Not Supported
iPhone Not Supported
iPad Not Supported
Android Not Supported
Chromebook Not Supported

Audience

Web Developers, Designers, Quality Assurance

Audience

Utility-first CSS framework solution for developers

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

API

Offers API Not Supported

API

Offers API Supported

Screenshots and Videos

No images available

Screenshots and Videos

Pricing

$6/month
Free Version Supported
Free Trial Not Supported

Pricing

Free
Free Version Supported
Free Trial Not Supported

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation Supported
Webinars Not Supported
Live Online Not Supported
In Person Not Supported

Training

Documentation Supported
Webinars Not Supported
Live Online Not Supported
In Person Not Supported

Company Information

Over.fig
Founded: 2025
United States
overfig.com

Company Information

Tailwind CSS
tailwindcss.com

Alternatives

Alternatives

Categories

Web Design Supported

Categories

Integrations

FastPocket Not Supported
HeroUI Not Supported
Indie Starter Not Supported
JetShip Next.js Starter Kit Not Supported
Kimi K2.7 Code Not Supported
Livewire Not Supported
Lovable Not Supported
Modern MERN Not Supported
NetcoreSaaS Not Supported
OnSpace AI Not Supported
Pagedone Not Supported
ShipAny Not Supported
Shipixen Not Supported
SnapToWindow Not Supported
Solid Not Supported
Supalaunch Not Supported
Untitled UI Not Supported
WrapPixel Not Supported
daisyUI Not Supported
thefrontkit Not Supported

Integrations

FastPocket Supported
HeroUI Supported
Indie Starter Supported
JetShip Next.js Starter Kit Supported
Kimi K2.7 Code Supported
Livewire Supported
Lovable Supported
Modern MERN Supported
NetcoreSaaS Supported
OnSpace AI Supported
Pagedone Supported
ShipAny Supported
Shipixen Supported
SnapToWindow Supported
Solid Supported
Supalaunch Supported
Untitled UI Supported
WrapPixel Supported
daisyUI Supported
thefrontkit Supported
Claim Over.fig and update features and information
Claim Over.fig and update features and information
Claim Tailwind CSS and update features and information
Claim Tailwind CSS and update features and information