+
+

Related Products

  • Hostinger Horizons
    65 Ratings
    Visit Website
  • Picsart Enterprise
    27 Ratings
    Visit Website
  • Highcharts
    123 Ratings
    Visit Website
  • Hostaway
    1,852 Ratings
    Visit Website
  • Stigg
    25 Ratings
    Visit Website
  • KrakenD
    71 Ratings
    Visit Website
  • BrewPOS
    8 Ratings
    Visit Website
  • Condo Control
    505 Ratings
    Visit Website
  • Airlock Digital
    35 Ratings
    Visit Website
  • Smoobu
    205 Ratings
    Visit Website

About

Build custom design tools without writing any code. Create responsive components, pages, and sites that you can use in any type of web project. Style markup templates with curated themes or your own design tokens. Manipulate parameters until the design is just right. Lock inputs for properties or combinations of properties you like to find your visual language. Instantly share your designs with colleagues or clients to present or collaborate. Publish hosted web pages along with hosted assets for styles as JS, JSON, and CSS. Design with scales and systems. Components automatically use your defined brand guidelines, retaining the ability to override with custom values at any time. The first design tool with full support for variable fonts. Automatically exposes all custom axis so you can get the fine-grained control variable fonts were meant to enable.

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.

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Platforms Supported

Windows
Mac
Linux
Cloud
On-Premises
iPhone
iPad
Android
Chromebook

Audience

Anyone searching for an open-source design tool to create responsive components

Audience

Web Developers, Designers, Quality Assurance

Support

Phone Support
24/7 Live Support
Online

Support

Phone Support
24/7 Live Support
Online

API

Offers API

API

Offers API

Screenshots and Videos

Screenshots and Videos

No images available

Pricing

$24 per month
Free Version
Free Trial

Pricing

$6/month
Free Version
Free Trial

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
Webinars
Live Online
In Person

Training

Documentation
Webinars
Live Online
In Person

Company Information

Components AI
components.ai/

Company Information

Over.fig
Founded: 2025
United States
overfig.com

Alternatives

Alternatives

Categories

Categories

Integrations

Figma
Google Chrome

Integrations

Figma
Google Chrome
Claim Components AI and update features and information
Claim Components AI and update features and information
Claim Over.fig and update features and information
Claim Over.fig and update features and information