inspecta — visual QA and CSS editor

inspecta.design

Featured

5.0(

14 ratings

)

ExtensionDeveloper Tools3,000 users

Item media 2 (screenshot) for inspecta — visual QA and CSS editor

Item media 3 (screenshot) for inspecta — visual QA and CSS editor

Item media 1 (screenshot) for inspecta — visual QA and CSS editor

Overview

Inspect, compare and update CSS visually

🛠 inspecta – Find and Fix UI Bugs on Live Websites. Inspect, compare, and fix live website styles without writing code. Catch design drift, apply Figma values directly, and send polished changes to your developer — or straight to Cursor and GitHub Copilot. Built for designers, frontends and PMs doing visual QA, design handoff, and pixel-perfect review. Key features 🔁 Compare with Figma Paste from the Inspecta Figma plugin to compare full screens or single elements. Spot color, font, spacing, and layout mismatches — then preview and apply Figma values in bulk. 🔍 Inspect & edit live styles Hover any element to view and edit its CSS — size, spacing, color, typography, border, radius, shadow, and opacity. Edit hover and focus states, use the eyedropper, and check spacing with pixel-accurate overlays. 🧠 Scan for inconsistencies Run a full page scan to surface mismatched colors, fonts, spacing, and layout issues — plus optional AI insights and spelling checks. Preview and apply fixes in one step. 🤖 Edit with AI (bring your own key) Describe a change in plain language and apply it to one element or the whole page. Works with OpenAI, Anthropic, and Gemini. Your API keys stay encrypted on your device — Inspecta never charges for AI usage. 📤 Export & hand off Copy CSS snippets, export AI-ready prompts, or send changes directly to your code editor via the inspecta IDE extension. Batch multiple edits into one handoff to cut back-and-forth. ☁️ Cloud projects & sharing Sign in with Google to auto-save edits per page and sync across sessions. Manage projects at app.inspecta.design, or share a public link so your team or developer can pick up exactly where you left off. What's new in 0.3.9 AI editing from the element toolbar — describe a change, apply it instantly Full-screen Figma compare from a plugin paste Design token alignment — match live styles to Figma variables Hover state editing in the properties panel Cloud project sync and BYOK for AI providers Send changes to Cursor and GitHub Copilot

5 out of 5
14 ratings
Learn more about results and reviews.

Details

Version
0.3.9
Updated
June 17, 2026
Flag concern
Size
663KiB
Languages
English
Developer
inspecta.design
Website
Email
info@inspecta.design
Non-trader
This 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

Manage extensions and learn how they're being used in your organization

inspecta — visual QA and CSS editor has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.