Inspecta - validate design implementation
Overview
Inspect,compare and update CSS visually
Ensure the production UI aligns with your design --------------------------------------------------------------------------------------- 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.
Dashu XiaApr 30, 2024
- Report illegal content
How to completely exit this plugin
Elad IzakDeveloperApr 30, 2024
Hi. Thanks for your feedback. You can close the plugin from the X button on the bottom toolbar. (if you still see guides on the screen it's a bug we are currently working on.) Another option is to refresh the page.
- Report illegal content
Details
- Version0.1.9
- UpdatedDecember 3, 2024
- Size420KiB
- LanguagesEnglish
- Developer
- Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes