Chrome DevToolsGoogle
|
||||||
Related Products
|
||||||
About
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster. There are many ways to open DevTools, because different users want quick access to different parts of the DevTools UI. When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS). When you want to see logged messages or run JavaScript, press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel. Toggle various overlays and speed up DOM tree navigation with badges. The main uses of the Chrome DevTools Console are logging messages and running JavaScript.
|
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
Web developers that want a suite of web development tools for Google Chrome
|
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 VideosNo images available
|
|||||
Pricing
Free
Free Version
Free Trial
|
Pricing
$6/month
Free Version
Free Trial
|
|||||
Reviews/
|
Reviews/
|
|||||
Training
Documentation
Webinars
Live Online
In Person
|
Training
Documentation
Webinars
Live Online
In Person
|
|||||
Company InformationGoogle
Founded: 1998
United States
developer.chrome.com/docs/devtools/
|
Company InformationOver.fig
Founded: 2025
United States
overfig.com
|
|||||
Alternatives |
Alternatives |
|||||
|
|
||||||
|
|
||||||
|
|
|
|||||
Categories |
Categories |
|||||
|
|
|