Inspect panel on Figma, for everyone.
TemPad Dev Extension
Light weight Figma Dev Mode alternative. It provides CSS code inspection along with other handy features to boost hand-off efficiency on Figma files.
Read more
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"TemPad Dev",
"description":"Inspect panel on Figma, for everyone.",
"version":"0.4.10",
"icons":{"128":"icon-128.png"},
"web_accessible_resources":[{"resources":["/ui.js"],
"matches":["https://www.figma.com/*"]},{"resources":["/figma.js"],
"matches":["https://www.figma.com/*"]},{"resources":["/codegen.js"],
"matches":["https://www.figma.com/*"]}],
"permissions":["declarativeNetRequest",
"declarativeNetRequestWithHostAccess"],
"host_permissions":["https://www.figma.com/file/*",
"https://www.figma.com/design/*"],
"declarative_net_request":{"rule_resources":[{"id":"figma",
"enabled":true,
"path":"rules/figma.json"}]},
"content_scripts":[{"matches":["https://www.figma.com/design/*",
"https://www.figma.com/file/*"],
"run_at":"document_end",
"js":["content-scripts/content.js"]}]}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"TemPad Dev",
"description":"Inspect panel on Figma, for everyone.",
"version":"0.4.10",
"icons":{"128":"icon-128.png"},
"web_accessible_resources":[{"resources":["/ui.js"],
"matches":["https://www.figma.com/*"]},{"resources":["/figma.js"],
"matches":["https://www.figma.com/*"]},{"resources":["/codegen.js"],
"matches":["https://www.figma.com/*"]}],
"permissions":["declarativeNetRequest",
"declarativeNetRequestWithHostAccess"],
"host_permissions":["https://www.figma.com/file/*",
"https://www.figma.com/design/*"],
"declarative_net_request":{"rule_resources":[{"id":"figma",
"enabled":true,
"path":"rules/figma.json"}]},
"content_scripts":[{"matches":["https://www.figma.com/design/*",
"https://www.figma.com/file/*"],
"run_at":"document_end",
"js":["content-scripts/content.js"]}]}