Design Language Inspector
beta

This extension helps debug common Design Language issues.

  • done Determine page's DL version
  • done Inject latest DL
  • done See an overlay of the grid system
  • done Diagnose common layout issues
  • done Examine vertical-offsets
  • done View page wireframe

Installation

Chrome

  1. Download the zip file from the link below
  2. Unzip it
  3. Open Chrome to chrome://extensions
  4. Drag and drop the crx file into the extensions window and install
  5. Browse to any page using The Design Language

Firefox

  1. Click the link below
  2. When prompted click Add
  3. Browse to any page using The Design Language