Inspect panel on Figma, for everyone.

Latest Version

Version
0.4.10
Update
December 5, 2024
Size
89.63KiB
Developer
Category
Users
1,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
DeclarativeNetRequest
DeclarativeNetRequestWithHostAccess
See more

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