Inspect,compare and update CSS visually
Inspecta - validate design implementation Extension
---------------------------------------------------------------------------------------
Find and fix UI bugs. visually inspect element, make and save real-time CSS edits, and share the revised CSS with developers.
Main features:
-----------------------
Inspect elements:
Click on any element to check its CSS properties, such as colors, text, spacing, display, borders, and more. Draw guides and identify colors using the eyedropper tool.
Measure distances:
Measure the distances between elements on your web page, including both outer and inner spacing. Select an element, and validate its proximity to others. Perfect for precise layout adjustments and layout optimization.
Visual CSS editing:
Edit and update element properties directly in the browser using a visual CSS editor, like in other design tools you're already familiar with, including: display, size, spacing, colors, typography, border, radius, position, box-shadow and opacity.
Pixel perfect comparison:
Upload or copy and paste the original design mockup from Figma as an image overlay. This feature provides pixel-perfect accuracy by comparing the live web page with the original design.
Page overview:
A summary of your page colors and fonts.
The colors are grouped by types: background colors, text colors, border colors and fill colors.
The fonts are grouped by the different font families, font size, font weight, and line height.
Export CSS:
After adjustments are made, export and share the relevant CSS changes with your developers.
You can export all changes in one stylesheet, or copy paste each CSS snippet and quickly share it anywhere.
Source Manifest.json
Similar Extensions
AutoReview for Power Automate 625 2 ★ 4.96MiB
Css Layout Hack 625 3 ★ 167KiB
fubukicss-tool 625 13 ★ 165KiB
Visual CSS Editor 625 145 ★ 414KiB
Boss Hub | Link 625 1 ★ 490KiB
Supertweak 625 4 ★ 75.3KiB
Inspect CSS 625 24 ★ 404KiB
UI Inspector - Live Style Editor 625 2 ★ 90.41KiB
EazyCSS 625 13 ★ 2.98MiB
UI Design 625 3 ★ 26.09KiB
InTab 625 12 ★ 11.18MiB
Web Editor 625 29 ★ 68.98KiB
MageTools: DevTools Reimagined 625 9 ★ 84.8KiB
Copy CSS Selector 625 3 ★ 72.91KiB
designr 625 2 ★ 214KiB
SuperDev Pro 625 48 ★ 7.6MiB
Amino: Live CSS Editor 625 453 ★ 1.45MiB
Wisiwig: UI Design and Inspect Tool 625 6 ★ 81.8KiB
Hoverify 625 145 ★ 14.54MiB
CSS Brio 625 5 ★ 86.26KiB
Live CSS Tester 625 5 ★ 147KiB
css scanner 625 6 ★ 339KiB
Show All Padding & Margins 625 1 ★ 23.17KiB
Taplytics 625 1 ★ 3.33MiB