Ratings and Reviews 0 Ratings

Total
ease
features
design
support

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

Write a Review

Ratings and Reviews 0 Ratings

Total
ease
features
design
support

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

Write a Review

Alternatives to Consider

  • Picsart Enterprise Reviews & Ratings
    25 Ratings
    Company Website
  • Adaptive Security Reviews & Ratings
    65 Ratings
    Company Website
  • Highcharts Reviews & Ratings
    123 Ratings
    Company Website
  • LTX Reviews & Ratings
    142 Ratings
    Company Website
  • TradingView Stock Widgets Reviews & Ratings
    16 Ratings
    Company Website
  • JS7 JobScheduler Reviews & Ratings
    1 Rating
    Company Website
  • SDS Manager Reviews & Ratings
    4 Ratings
    Company Website
  • Google Cloud Run Reviews & Ratings
    286 Ratings
    Company Website
  • DXcharts Reviews & Ratings
    28 Ratings
    Company Website
  • WebCatalog Desktop Reviews & Ratings
    1 Rating
    Company Website

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
GitHub
Google Chrome
Next.js
React
Tailwind CSS

Integrations Supported

Figma
GitHub
Google Chrome
Next.js
React
Tailwind CSS

API Availability

Has API

API Availability

Has API

Pricing Information

$6/month
Free Trial Offered?
Free Version

Pricing Information

Free
Free Trial Offered?
Free Version

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

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

Autocompletion
Collaborative Editing
Content Management
Drag & Drop
Element Libraries
Programming Language Support
Syntax Highlighting
Templates

Popular Alternatives

Popular Alternatives

Tempo Reviews & Ratings

Tempo

Tempo Labs