DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息,以及其它辅助开发信息的工具

Latest Version

Version
1.3.12
Update
September 26, 2024
Size
1.09MiB
Developer
Category
Users
677
Rating
3.4 ★
Manifest Version
3
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
Scripting
ActiveTab
DeclarativeNetRequest
DeclarativeNetRequestFeedback
Management
See more

DesignNext Extension

方便前端研发查看 figma 元素的 css 等信息,团队内部使用,感谢开源项目 https://github.com/leadream/figma-viewer-chrome-plugin,插件基于此项目做的功能扩展;
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "DesignNext", "description": "DesignNext Chrome \u63d2\u4ef6\u662f\u4e00\u4e2a\u4e3a Figma \u67e5\u770b\u8005\u63d0\u4f9b\u5feb\u901f\u67e5\u770b CSS \u4fe1\u606f\uff0c\u4ee5\u53ca\u5176\u5b83\u8f85\u52a9\u5f00\u53d1\u4fe1\u606f\u7684\u5de5\u5177", "version": "1.3.12", "manifest_version": 3, "icons": { "16": "DesignNext-logo.png", "48": "DesignNext-logo.png", "128": "DesignNext-logo.png" }, "permissions": [ "scripting", "activeTab", "declarativeNetRequest", "declarativeNetRequestFeedback", "management" ], "host_permissions": [ "" ], "content_scripts": [ { "matches": [ "*://*.kuaishou.com/*", "*://figma.com/*", "*://www.figma.com/*" ], "js": [ "/js/isolated_content.js" ], "run_at": "document_start" } ], "externally_connectable": { "matches": [ "" ] }, "background": { "service_worker": "js/background.js" }, "web_accessible_resources": [ { "resources": [ "/js/main_content.js" ], "matches": [ "*://*.kuaishou.com/*", "*://figma.com/*", "*://www.figma.com/*" ] } ], "declarative_net_request": { "rule_resources": [ { "id": "req_rules", "enabled": true, "path": "req_rules.json" } ] }}
Read more