Carbon Devtools Chrome Extension

A basic set of tools for teams building live Carbon pages..
Carbon Devtools provides designers, developers, and qa teams collaborating to build carbon pages with a simple toolset. The tool helps visualize carbon's 2x grid over any live page, and provides basic insights into the usage of components and patterns on a given page to help users understand how the carbon design system is being used.

Align to grid

Use the grid overlay to lay the 2x and mini unit grids on top of your live page to quickly check its alignment and layout.

Identify tokens

Switch between a number of options like color, spacing, and typography to quickly identify Carbon’s usage.

Component list

Quickly get an inventory of all the Carbon components being used within a live page.

How to install Carbon Devtools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Carbon Devtools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Carbon Devtools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Carbon Devtools in Chrome Webstore Search and click on the search button.
• Step 3: click on the Carbon Devtools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Carbon Devtools extension for your Chrome Web browser .