Carbon Devtools

A basic set of tools for teams building live Carbon pages.

What is Carbon Devtools?

"Carbon Devtools" is a Chrome extension designed for designers, developers, and QA teams. It provides a powerful toolkit for creating live Carbon pages, including features that allow users to visualize Carbon's 2x grid, identify tokens, and get an overview of components used on a page. This extension helps users to understand and implement the Carbon Design System effectively.

Download

Stats

By: Carbon

View on Chrome Web Store

Users: 1,000+

Rating: 5.00 (1)

Version: 2.7.7 (Last updated: 2022-01-20)

Creation date: 2020-07-22

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab
storage
https://*.mybluemix.net/*
https://*.carbondesignsystem.com/*

Size: 310.27K

Email: ca*****@us.ibm.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 28610 ▼ 41

Other rankings

#227 in Developer Tools #65 in component keyword 30 #74 in identify keyword 52 ▼ 6 #102 in grid keyword 24 ▲ 4 #120 in usage keyword 18 ▲ 2

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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.