Carbon Devtools
A basic set of tools for teams building live Carbon pages.
What is Carbon Devtools?
Carbon Devtools is a Chrome extension developed by Carbon, and its main feature is "A basic set of tools for teams building live Carbon pages.".
Extension Screenshots
Download Carbon Devtools Extension CRX File
Download Carbon Devtools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Carbon Devtools |
| ID | oejjaglcafcolafkjecfkoojgnpfpgca |
| Official URL | https://chromewebstore.google.com/detail/carbon-devtools/oejjaglcafcolafkjecfkoojgnpfpgca |
| Description | A basic set of tools for teams building live Carbon pages. |
| File Size | 303 KB |
| Installation Count | 1,026 |
| Current Version | 2.7.7 |
| Last Updated | 2022-01-20 |
| Publish Date | 2020-07-22 |
| Rating | 5.00/5 Total 1 Ratings |
| Developer | Carbon |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/carbon-design-system/devtools |
| Help Page URL | https://github.com/carbon-design-system/devtools |
| Supported Languages | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Carbon Devtools",
"version": "2.7.7",
"manifest_version": 2,
"description": "A basic set of tools for teams building live Carbon pages.",
"author": "James Dow",
"permissions": [
"activeTab",
"storage",
"https:\/\/*.mybluemix.net\/*",
"https:\/\/*.carbondesignsystem.com\/*"
],
"background": {
"scripts": [
"\/background\/index.js"
],
"persistent": false
},
"web_accessible_resources": [
"\/inject\/index.css"
],
"icons": {
"16": "\/media\/16x16-mid.png",
"32": "\/media\/32x32-mid.png",
"48": "\/media\/48x48-mid.png",
"64": "\/media\/64x64-mid.png",
"128": "\/media\/128x128-mid.png"
},
"browser_action": {
"default_popup": "\/popup\/index.html"
},
"options_ui": {
"page": "\/options\/index.html",
"open_in_tab": false
}
} | |
