INSPECTA
Item logo image for INSPECTA

INSPECTA

inspecta.design
Featured
5.0(

2 ratings

)
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

Inspect and edit CSS visually

Inspecta is a powerful Chrome extension designed to streamline the visual quality assurance process for web designers and front-end developers. With the Inspecta Chrome extension, designers can effortlessly test the live implementation of web pages, identify UI bugs, and make real-time adjustments to element properties to match the original design. Main features: Inspect elements: Just 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: Seamlessly measure the distances between elements on your web page, including both outer and inner spacing. Just select an element, and effortlessly estimate 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. Image overlay: Upload or copy and paste the original design 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.

5 out of 52 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Dashu XiaApr 30, 2024

How to completely exit this plugin

Replier's profile picture

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.

Details

  • Version
    0.1.1
  • Updated
    May 5, 2024
  • Size
    183KiB
  • 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

The developer has disclosed that it will not collect or use your data.

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

Support

Related

InTab - Style Websites Faster

4.8(10)

Visually Style Any Website In Any Browser

PixEye-还原度走查工具

5.0(3)

RELAAAY设计协作平台推出的「设计还原度走查」提效工具

StarterCSS

0.0(0)

Rapidly implement CSS layouts, effects, and designs without parsing through online docs

Taplytics

5.0(1)

Taplytics Web Visual Editor

Css Layout Hack

5.0(3)

You can see website layers with different colors easily

fubukicss-tool

4.6(7)

one step to get css from figma

Visual CSS Editor

4.1(102)

Customize any website visually.

FigmaCN

4.7(39)

中文 Figma 插件,设计师人工翻译校验。

Supertweak

5.0(4)

Visual editor for Tailwind CSS

Inspect CSS

4.3(11)

The easiest way to inspect and edit CSS

EazyCSS

4.3(12)

Turn your design thoughts into reality without writing code for any page and get your changes in CSS code.

PRMDB for Bard-Gemini

4.5(2)

Create public and private custom prompts for Google Gemini(Bard)

InTab - Style Websites Faster

4.8(10)

Visually Style Any Website In Any Browser

PixEye-还原度走查工具

5.0(3)

RELAAAY设计协作平台推出的「设计还原度走查」提效工具

StarterCSS

0.0(0)

Rapidly implement CSS layouts, effects, and designs without parsing through online docs

Taplytics

5.0(1)

Taplytics Web Visual Editor

Css Layout Hack

5.0(3)

You can see website layers with different colors easily

fubukicss-tool

4.6(7)

one step to get css from figma

Visual CSS Editor

4.1(102)

Customize any website visually.

FigmaCN

4.7(39)

中文 Figma 插件,设计师人工翻译校验。

Google apps