DesignNext
DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息，以及其它辅助开发信息的工具
什麼是DesignNext？
DesignNext是由TechLink開發的Chrome擴展程式，該擴展的主要功能是“DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息，以及其它辅助开发信息的工具”。
擴展截圖
下載DesignNext擴展crx文件
下載DesignNext擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
方便前端研发查看 figma 元素的 css 等信息，团队内部使用，感谢开源项目 https://github.com/leadream/figma-viewer-chrome-plugin，插件基于此项目做的功能扩展； 擴展基本資訊
| 名稱 |  DesignNext |
| ID | jagkdbjocbpaaeagafhpmfjlademdkhp |
| 官方網址 | https://chromewebstore.google.com/detail/designnext/jagkdbjocbpaaeagafhpmfjlademdkhp |
| 簡介 | DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息，以及其它辅助开发信息的工具 |
| 檔案大小 | 282 KB |
| 安裝次數 | 868 |
| 目前版本 | 1.1.5 |
| 更新時間 | 2024-03-01 |
| 上架時間 | 2024-02-13 |
| 評分 | 3.00/5 共 4 次評分 |
| 開發者 | TechLink |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 支援的語言 | zh-CN |
| 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.1.5",
"manifest_version": 3,
"icons": {
"16": "DesignNext-logo.png",
"48": "DesignNext-logo.png",
"128": "DesignNext-logo.png"
},
"permissions": [
"activeTab"
],
"content_scripts": [
{
"matches": [
"https:\/\/figma.com\/file\/*",
"https:\/\/www.figma.com\/file\/*",
"https:\/\/figma.com\/files\/*",
"https:\/\/www.figma.com\/files\/*"
],
"js": [
"\/js\/content.js"
]
}
],
"web_accessible_resources": [
{
"resources": [
"\/js\/ui.js"
],
"matches": [
"https:\/\/figma.com\/*",
"https:\/\/www.figma.com\/*"
]
}
]
} | |
