One step to get css from figma
fubukicss-tool Extension
A css tool for figma design drafts, which facilitates users to copy css export files, etc. Extension based on https://github.com/leadream/figma-viewer-chrome-plugin. Free to check source code: https://github.com/zouhangwithsweet/fubukicss-tool.
Read more
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"fubukicss-tool",
"description":"one step to get css from figma",
"version":"1.0.15",
"icons":{"128":"icon/128.png"},
"web_accessible_resources":[{"resources":["/injected.js",
"/assets/injected.css"],
"matches":["https://figma.com/*",
"https://www.figma.com/*"]},{"resources":["/figma.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://figma.com/file/*",
"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":"fubukicss-tool",
"description":"one step to get css from figma",
"version":"1.0.15",
"icons":{"128":"icon/128.png"},
"web_accessible_resources":[{"resources":["/injected.js",
"/assets/injected.css"],
"matches":["https://figma.com/*",
"https://www.figma.com/*"]},{"resources":["/figma.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://figma.com/file/*",
"https://www.figma.com/design/*",
"https://www.figma.com/file/*"],
"run_at":"document_end",
"js":["content-scripts/content.js"]}]}