By: Sophie
Inspect and view changes in Designer Dev Mode source codes across current and past versions
Please login to examine the extension's source code.
manifest.json
{
"manifest_version": 2,
"name": "Designer Dev Mode",
"description": "Inspect spacing, design tokens, assets, and live-edit CSS variables in a Figma Dev Mode inspired panel.",
"version": "2.0.1",
"browser_specific_settings": {
"gecko": {
"id": "designer-dev-mode@example.com",
"strict_min_version": "109.0"
}
},
"browser_action": {
"default_title": "Open Designer Dev Mode"
},
"background": {
"scripts": [
"background.js"
]
},
"sidebar_action": {
"default_panel": "sidepanel.html",
"default_title": "Designer Dev Mode"
},
"permissions": [
"activeTab",
"downloads",
"tabs",
"storage",
"<all_urls>"
],
"web_accessible_resources": [
"console-bridge.js",
"fonts/*.ttf"
]
} Best Designer Dev Mode Alternatives
Here are some Firefox add-ons that are similar to Designer Dev Mode:
Gripper - DevTools for Designers
isboyjc
Design Token Inspector
jsrothwell
Dev Mode
D7OM
Website Inspector
Waliul Awal Taha
DevSuite Pro
Softpulse Infotech
amgiflol
sm17p
MiroMiro
Soraia
DesignMeter - UI/UX Analyzer
MisterBR (Bahram Rsotami)
SuperDev Pro
Mohd Danish
DockWCAG Accessibility Checker
Dock
DevScope – Narzędzia deweloperskie
POLPROG
DevSpace - Developer Toolkit
Farhan