Inspect and view changes in Design Token Extractor source codes across current and past versions
Try xHeader →
Please login to examine the extension's source code.
manifest.json
{
"manifest_version": 3,
"name": "Design Token Extractor",
"version": "1.0.0",
"description": "Read any site's real design system: colour, type scale, spacing, radius and shadows. Export CSS, JSON tokens or Figma styles.",
"permissions": [
"activeTab",
"scripting",
"storage"
],
"action": {
"default_title": "Design Token Extractor — scan this page (Alt+Shift+D)",
"default_icon": {
"16": "icons/icon-16.png",
"32": "icons/icon-32.png",
"48": "icons/icon-48.png",
"128": "icons/icon-128.png"
}
},
"icons": {
"16": "icons/icon-16.png",
"32": "icons/icon-32.png",
"48": "icons/icon-48.png",
"128": "icons/icon-128.png"
},
"background": {
"scripts": [
"src/background/background.js"
]
},
"commands": {
"toggle-panel": {
"suggested_key": {
"default": "Alt+Shift+D"
},
"description": "Scan this page for design tokens"
}
},
"browser_specific_settings": {
"gecko": {
"id": "design-token-extractor@balogunkrixus",
"strict_min_version": "140.0",
"data_collection_permissions": {
"required": [
"none"
]
}
},
"gecko_android": {
"strict_min_version": "142.0"
}
}
} 최고의 Design Token Extractor 대안
다음은 Design Token Extractor과(와) 유사한 Firefox add-on입니다:
Design Token Inspector
jsrothwell
CSS DNA — Inspect CSS & Extract Design Tokens
CSS DNA
Typography & Typescale Extractor
Ben Tran
MiroMiro
Soraia
DesignDNA
yassine
Peek - Design & Asset Toolkit
Khalid Hasan Zibon
Designer Dev Mode
Sophie
Design Tokens
Radbod Itzayana
Site Palette
Stas Kulesh
Specter — design inspector
Eni
DESIGN.md Generator - TypeUI
Zoltán Szőgyényi
BrowserLens
BrowserLens