Carbon Devtools (v10) by Zhen Wang, Andy blum
A basic set of tools for teams building live Carbon pages. Compatible with carbon v10
You'll need Firefox to use this extension
Extension Metadata
About this extension
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.
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.
Rate your experience
PermissionsLearn more
This add-on may also ask to:
- Access your data for sites in the mybluemix.net domain
- Access your data for sites in the carbondesignsystem.com domain
More information
- Add-on Links
- Version
- 2.8.4
- Size
- 287.72 KB
- Last updated
- 5 months ago (Aug 16, 2024)
- Related Categories
- License
- Apache 2.0 License
- Version History
Add to collection
More extensions by these developers
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet