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\/*" ] } ] } |