Designer Dev Mode Firefox

Examine source code of Designer Dev Mode

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: