Item logo image for Ui validate

Ui validate

Item media 2 (screenshot) for Ui validate
Item media 1 (screenshot) for Ui validate
Item media 2 (screenshot) for Ui validate
Item media 1 (screenshot) for Ui validate
Item media 1 (screenshot) for Ui validate
Item media 2 (screenshot) for Ui validate

Overview

Help validate design implementation based on design image.

Ui validate will help you in creating and testing pixel perfect design implementation. At the moment extension is free to use and is in first stage. All that needs to be done is to be on tab where site or application is located, take design image (png or jpg format) and upload it to the extension. After clicking preview image design will be shown over design implementation and you will be able to see if it is accurate or not, and what are deviations. One note as it is first version it only works on screen sizes for which design is made (i.e. if design is made for screen width of 1920px when testing it application needs to be opened in that dimensions, use responsive view if screen size doesn't fit design width), on next versions there will be work in adjusting those things to be more fluid.

Details

  • Version
    1.0.0
  • Updated
    April 11, 2022
  • Offered by
    DraganD
  • Size
    20.67KiB
  • Languages
    English
  • Developer
    Email
    mephistopheles989@gmail.com
  • 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
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

Related

Jam

4.2

Jam is the smart screen recorder for software teams.

Dimensions

4.0

A tool for designers to measure screen dimensions

Measuremate — Pixel Ruler for Web Design

4.3

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

TestCraft

3.3

TestCraft - GPT-Powered Test Idea Generator & Automated Test Creator

Bug Magnet

4.3

Right-click context menu to help with exploratory testing

Page Ruler

3.9

Measure page elements size in pixel with an easy-to-use ruler.

BrowserStack Bug Capture: Report & resolve bugs faster

4.8

Bug reporting tool with shareable screen recordings & screenshots for faster debugging.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

UI Verifier

5.0

UI verifier can be used to quickly and easily check the completeness and consistency of your Figma UI designs.

Pixel Perfect Pro

4.4

Overlay your design over any page and match it pixel by pixel. Blend modes, column grids, rulers, hotkeys. No ads, free forever.

Heurio - Website Review, Heuristic Evaluation & Vibe Coding Feedback

4.7

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

SVG Clipper

3.3

The SVG Downloader Chrome Extension allows users to effortlessly select and download SVG files from any web page. With a simple…

Jam

4.2

Jam is the smart screen recorder for software teams.

Dimensions

4.0

A tool for designers to measure screen dimensions

Measuremate — Pixel Ruler for Web Design

4.3

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

TestCraft

3.3

TestCraft - GPT-Powered Test Idea Generator & Automated Test Creator

Bug Magnet

4.3

Right-click context menu to help with exploratory testing

Page Ruler

3.9

Measure page elements size in pixel with an easy-to-use ruler.

BrowserStack Bug Capture: Report & resolve bugs faster

4.8

Bug reporting tool with shareable screen recordings & screenshots for faster debugging.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Google apps