中文 (简体)
See more
A chrome extension for figma node inspect
Latest Version
Version
0.1.5
Update
June 24, 2024
Size
174KiB
Developer
Category
Users
164 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Figma Node Inspect Extension
一个figma图层的分析工具，产出其图层对应的CSS代码。
注意：由于figma封禁了view-only下的全局变量，目前进开放部分信息使用，感谢谅解。
致谢
该项目受到以下项目启发，再次感谢。
1、https://github.com/leadream/figma-viewer-chrome-plugin
2、https://github.com/ecomfe/tempad-dev
3、https://github.com/zouhangwithsweet/fubukicss-tool
Read more
注意：由于figma封禁了view-only下的全局变量，目前进开放部分信息使用，感谢谅解。
致谢
该项目受到以下项目启发，再次感谢。
1、https://github.com/leadream/figma-viewer-chrome-plugin
2、https://github.com/ecomfe/tempad-dev
3、https://github.com/zouhangwithsweet/fubukicss-tool
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Figma Node Inspect",
"description":"A chrome extension for figma node inspect",
"version":"0.1.5",
"icons":{"16":"icon/16.png",
"48":"icon/48.png",
"128":"icon/128.png"},
"web_accessible_resources":[{"resources":["/ui.js"],
"matches":["https://figma.com/*",
"https://www.figma.com/*"]}],
"background":{"service_worker":"background.js"},
"content_scripts":[{"matches":["https://figma.com/*",
"https://www.figma.com/*"],
"run_at":"document_idle",
"js":["content-scripts/content.js"]}]}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Figma Node Inspect",
"description":"A chrome extension for figma node inspect",
"version":"0.1.5",
"icons":{"16":"icon/16.png",
"48":"icon/48.png",
"128":"icon/128.png"},
"web_accessible_resources":[{"resources":["/ui.js"],
"matches":["https://figma.com/*",
"https://www.figma.com/*"]}],
"background":{"service_worker":"background.js"},
"content_scripts":[{"matches":["https://figma.com/*",
"https://www.figma.com/*"],
"run_at":"document_idle",
"js":["content-scripts/content.js"]}]}
Similar Extensions
DesignCode 164 4 ★ 278KiB
TemPad Dev 164 8 ★ 89.63KiB
Figma UI Mod 164 3 ★ 662KiB
DesignNext 164 5 ★ 1.09MiB
Figma to Tokens 164 0 ★ 25.37KiB
Relingo - Master Words | Bilingual Subtitles | Immersive Translate | Free 164 802 ★ 5.36MiB
FigmaCN 164 44 ★ 53.8KiB
Markflow: Copy Elements to Figma, React, etc. 164 4 ★ 1.6MiB
copy-figma-css 164 3 ★ 153KiB
Figma Search 164 5 ★ 136KiB
Figma CSS Inspector 164 3 ★ 1.2MiB
fubukicss-tool 164 13 ★ 165KiB
Hover inspector like in Zeplin , Figma 164 29 ★ 122KiB
Console Importer 164 20 ★ 9.55KiB
FeHelper(前端助手) 164 321 ★ 2.72MiB
稀土掘金 164 339 ★ 4.66MiB
Web to Figma 164 12 ★ 945KiB
Enable UI3 Beta for Figma 164 36 ★ 108KiB
Ajax Modifier 164 48 ★ 2.08MiB
Figma GitHub 164 5 ★ 29.55KiB
二维码(QR码)生成器(QR Code Generator) 164 124 ★ 94.16KiB
V2EX Polish 164 95 ★ 193KiB
Pinbox - 跨平台收藏 164 93 ★ 1.11MiB
XSwitch 164 18 ★ 1.6MiB
Latest Updates
Top Rated
Hola VPN - Your Website Unblocker
Adblock for Youtube™
AdBlock — block ads across the web
Video Downloader Professional
Adblock Plus - free ad blocker
Stands AdBlocker
Evernote Web Clipper
Argent X - Starknet Wallet
Touch VPN - Secure and unlimited VPN proxy
Pop up blocker for Chrome™ - Poper Blocker