Visualize design changes on live websites

Chrome extension for designers to make temporary edit in websites without coding

Get Chrome Extension

Introducing Visual Inspector

Delightful way to make design changes in live webpages without losing comfort of your favorite design tool - Sketchapp.

A comprehensive tool-kit for design changes

Inspect & Measure

Edit Text & Design

View Color & Typography

Export

Inspect design properties

Pixel perfect design properties at your fingertips - everything from positioning to styling, we have got your back.

Measure

Get distance between elements in the page. Beauty is in the detail.

Make design & text changes

Make any change in the website without having to dig-into the code. Own the design reviews.

Change text inline

Change fonts, colors & other font properties - Try new CTAs. Proofread and edit just one more time.

Export changes as PNG

Save time in visualizing changes. Export it as PNG in single click and share with other stakeholders.

Change color theme

Try different color combination. Create new style guide in seconds.

All typographies in one place

Do a final check on legibility of your design - Nothing goes unnoticed.

Export Assets from the page

Get all assets from the page listed in once place. No more looking into code for image-links.

Very useful while creating product webpages, especially to communicate the ideas & expectations clearly. This avoids communicate gaps.
Abhilash, Sr. UX researcher @Freshworks

Visual inspector is the treasure for designers like me. Saves a ton of my time when editing live website. No more inspect element. Loved it a lot.. :) Highly recommend!!
Nitish, Head of Design @FusionChart

Plans & Pricing

Visual Inpector is FREE for you. Go buy Yourself a cup of coffee or something.

Get Chrome Extension

Made with

by CanvasFlip

Spread the love