Related Products
|
||||||
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 VideosNo 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/
|
Reviews/
|
|||||
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 InformationOver.fig
Founded: 2025
United States
overfig.com
|
Company InformationTailwind CSS
tailwindcss.com
|
|||||
Alternatives |
Alternatives |
|||||
|
|
||||||
Categories |
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
|
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
|
|||||
|
|
|