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