Ratings and Reviews 0 Ratings

Total 0 out of 5 stars
ease 0 out of 5 stars
features 0 out of 5 stars
design 0 out of 5 stars
support 0 out of 5 stars

This software has no reviews. Be the first to write a review.

Write a Review

Ratings and Reviews 0 Ratings

Total 0 out of 5 stars
ease 0 out of 5 stars
features 0 out of 5 stars
design 0 out of 5 stars
support 0 out of 5 stars

This software has no reviews. Be the first to write a review.

Write a Review

Alternatives to Consider

  • Highcharts Reviews & Ratings
    4.5 out of 5 stars 122 Ratings
    Company Website for Highcharts
  • GWI Reviews & Ratings
    4.4 out of 5 stars 201 Ratings
    Company Website for GWI
  • B2i Reviews & Ratings
    5.0 out of 5 stars 2 Ratings
    Company Website for B2i
  • 3Q Reviews & Ratings
    4.9 out of 5 stars 14 Ratings
    Company Website for 3Q
  • TradingView Stock Widgets Reviews & Ratings
    5.0 out of 5 stars 16 Ratings
    Company Website for TradingView Stock Widgets
  • kama.ai Reviews & Ratings
    4.8 out of 5 stars 9 Ratings
    Company Website for kama.ai
  • JS7 JobScheduler Reviews & Ratings
    5.0 out of 5 stars 1 Rating
    Company Website for JS7 JobScheduler
  • SDS Manager Reviews & Ratings
    5.0 out of 5 stars 4 Ratings
    Company Website for SDS Manager
  • Google Cloud Run Reviews & Ratings
    4.5 out of 5 stars 352 Ratings
    Company Website for Google Cloud Run
  • DXcharts Reviews & Ratings
    5.0 out of 5 stars 28 Ratings
    Company Website for DXcharts

What is Over.fig?

Over.fig is a free Chrome extension that enables users to project their Figma designs onto a webpage as a semi-transparent layer. This innovative tool bridges the gap between design and development, allowing for an effortless comparison of your design against the live site with just one click. Eliminate the inconvenience of switching between tabs and the confusion surrounding margins, fonts, or colors, as well as the drawbacks of static image overlays that restrict interactivity. Key Features - Access Figma's precise measurement tools directly on your live site. By hovering over any element, you can instantly view its spacing, padding, and alignment, ensuring you confirm every detail without the need to toggle tabs or make guesses. - Quickly check design CSS and translate it into Tailwind classes. Just click on any element in your design to inspect its styles and convert Figma designs into Tailwind utility classes on the fly. - Selectively overlay only the frames you need. Whether it’s a header, a card, or a call-to-action area, you can choose any frame or group in Figma to project that specific section, providing an accurate reference while you code. This extension not only streamlines the workflow for designers and developers but also fosters better collaboration, making the entire process more efficient and enjoyable. Moreover, by reducing the time spent on context switching, it allows teams to focus more on creativity and functionality.

What is Onlook?

Onlook is a groundbreaking open-source editor that prioritizes visual interaction, enabling designers and product managers to craft and adjust web experiences using React and Next.js in real time, all from a browser-like interface. This tool integrates effortlessly with existing codebases, allowing for live DOM editing and providing immediate code updates alongside deploy-ready outputs. Its visual editing features include convenient drag-and-drop layout adjustments, Tailwind CSS support for styling, efficient layer navigation, and management of responsive breakpoints. Bolstered by AI functionalities, Onlook can generate components from text descriptions, maintain design system coherence through global styles, typography, and color tokens, translate Figma designs into operational code, and offer smart design suggestions. Users benefit from the ability to import projects directly from platforms like GitHub and Figma, experience instant visual feedback with live previews, manage version control via checkpoints and real-time updates, and deploy their projects straight from the Onlook interface. This versatile tool not only simplifies the design workflow but also encourages collaboration and significantly boosts productivity for teams engaged in web development, making it an invaluable asset in today's fast-paced digital landscape. Additionally, Onlook's commitment to accessibility ensures that a broader range of users can effectively utilize it, further enhancing its appeal in diverse work environments.

Media

No images available

Media

Integrations Supported

Figma
Google Chrome

Integrations Supported

Figma
GitHub
Next.js
React
Tailwind CSS

API Availability

API Availability

Pricing Information

$6/month
Free Version

Pricing Information

Free
Free Version

Supported Platforms

SaaS

Supported Platforms

SaaS

Customer Service / Support

Web-Based Support

Customer Service / Support

Web-Based Support

Training Options

Documentation Hub

Training Options

Documentation Hub

Company Facts

Organization Name

Over.fig

Date Founded

2025

Company Location

United States

Company Website

overfig.com

Company Facts

Organization Name

Onlook

Company Location

United States

Company Website

www.onlook.com

Categories and Features

Web Design

Not specified

Categories and Features

AI Coding Assistants

Not specified

AI UX/UI Design Tools

Not specified

Popular Alternatives

Popular Alternatives

Tempo Reviews & Ratings

Tempo

Tempo Labs
3.0 out of 5 stars
Pencil Reviews & Ratings

Pencil

Pencil.dev
v0 Reviews & Ratings

v0

Vercel
3.0 out of 5 stars