Designer Tools documentation

Guides for installing the extension, mastering each tool, and managing your account.

Get started

Install the extension locally and keep your environments in sync.

Install Designer Tools from the Chrome Web Store using the Get Designer Tools button.

Measure layouts, overlay grids, run accessibility checks, and compare live pages with design exports.

How to inspect spacing, alignment, and padding directly in the interface.

Overlay columns and rows on any page and keep rulers aligned.

Overlay design exports on the live site in wireframe, overlay, or difference modes.

Run axe-core scans inside the browser and triage issues from the sidebar.

Customize the workspace and tailor the toolbar to your team.

Tailor themes, language, and toolbar preferences to your workflow.

Upgrade, downgrade, and keep your billing details up to date.

Upgrade, downgrade, or cancel Designer Tools tiers from the extension or website.