designer.tools

Measure and align elements within Chrome

Latest Version

Version

5.2.5

Update

December 3, 2024

Size

987KiB

Developer

designer.tools

Designer Tools Extension

If you're a web designer or developer, you know how important it is to have the right tools to build pixel-perfect websites and applications. That's where Chrome Designer Tools comes in. You can easily create visually appealing and accurate designs with powerful features like rulers, guidelines, element alignment, and space measurement. And with the ability to add grids, save, move, remove guides, and change settings, you'll have even more control over your design process. Additionally, with a wealth of additional resources available to PLUS subscribers, you'll have the tools you need to succeed. Try Chrome Designer Tools today and see how it can transform your workflow.

Source Manifest.json

{"update_url":"https://clients2.google.com/service/update2/crx",
"name":"__MSG_extension_title__",
"short_name":"DesignerTools",
"version":"5.2.5",
"manifest_version":3,
"description":"__MSG_extension_description__",
"default_locale":"en",
"offline_enabled":true,
"homepage_url":"https://designer.tools/",
"icons":{"16":"img/appicons/icon16.png",
"19":"img/appicons/icon19.png",
"32":"img/appicons/icon32.png",
"48":"img/appicons/icon48.png",
"128":"img/appicons/icon128.png",
"512":"img/appicons/icon512.png"},
"background":{"service_worker":"src/background/index.js",
"type":"module"},
"action":{"default_title":"__MSG_open_extension__"},
"permissions":["identity",
"identity.email",
"scripting",
"storage",
"tabs"],
"host_permissions":["*://*/*",
"file:///*",
"https://www.googleapis.com/"],
"oauth2":{"client_id":"665859454684-s6nmohpktccl2srxvc67thbmpclpa36v.apps.googleusercontent.com",
"scopes":["https://www.googleapis.com/auth/plus.login",
"https://www.googleapis.com/auth/chromewebstore.readonly"]},
"omnibox":{"keyword":"design"},
"commands":{"enable":{"suggested_key":{"default":"Alt+I",
"windows":"Alt+I",
"mac":"Alt+I"},
"description":"__MSG_open_extension__"}},
"web_accessible_resources":[{"resources":["img/*",
"fonts/*"],
"matches":[""]}]}

Download CRX(987KiB)

Similar Extensions

Dimensions Extension · Developer Tools 80,000+ 454 ★ 17.28KiB

Better Ruler Extension · Developer Tools 80,000+ 52 ★ 93.66KiB

Grids & Rulers Extension · Developer Tools 80,000+ 5 ★ 31.24KiB

CSS Peeper Extension · Developer Tools 80,000+ 363 ★ 279KiB

Grid Ruler Extension · Developer Tools 80,000+ 335 ★ 288KiB

SnapGuide Extension · Developer Tools 80,000+ 14 ★ 194KiB

Tape Extension · Developer Tools 80,000+ 155 ★ 12.68KiB

Web Ruler Extension · Accessibility 80,000+ 33 ★ 172KiB

Hover inspector like in Zeplin , Figma Extension · Developer Tools 80,000+ 29 ★ 122KiB

Measuremate Extension · Developer Tools 80,000+ 42 ★ 797KiB

Measure Everything Extension · Developer Tools 80,000+ 40 ★ 52.93KiB

Simple Ruler Extension · Developer Tools 80,000+ 17 ★ 26.08KiB

Measure-it Extension · Developer Tools 80,000+ 40 ★ 15.63KiB

Page Ruler Extension · Productivity 80,000+ 83 ★ 256KiB

Ruler Measurement Extension · Developer Tools 80,000+ 40 ★ 122KiB

Responsive Viewer Extension · Developer Tools 80,000+ 298 ★ 639KiB

Simple Ruler Extension · Developer Tools 80,000+ 10 ★ 44.62KiB

Page Ruler Extension · Developer Tools 80,000+ 15 ★ 15.33KiB

Liner. The Real Ruler Extension · Developer Tools 80,000+ 74 ★ 54.28KiB

VisBug Extension · Developer Tools 80,000+ 252 ★ 5.38MiB

Hoverify Extension · Developer Tools 80,000+ 145 ★ 14.54MiB

CSS Grid Overlay Extension · Developer Tools 80,000+ 7 ★ 181KiB

PixGrid Ruler Extension · Productivity 80,000+ 14 ★ 476KiB

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 80,000+ 605 ★ 732KiB

User reviews

Ronna Firmo (ID: 000000fb13912ba0) Voted 1 ★ - Updated 10/18/2024 5 star if the app didnt keep bothering me about giving a review EDIT: dropped my rating to 1 star from 3 because the developer couldn't handle a little criticism and responded like a child