DesignNext

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

What is DesignNext?

DesignNext is a Chrome extension developed by TechLink, and its main feature is "DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息,以及其它辅助开发信息的工具".

Extension Screenshots

screenshot

Download DesignNext Extension CRX File

Download DesignNext extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name DesignNext DesignNext
ID jagkdbjocbpaaeagafhpmfjlademdkhp
Official URL https://chromewebstore.google.com/detail/designnext/jagkdbjocbpaaeagafhpmfjlademdkhp
Description DesignNext Chrome 插件是一个为 Figma 查看者提供快速查看 CSS 信息,以及其它辅助开发信息的工具
File Size 282 KB
Installation Count 868
Current Version 1.1.5
Last Updated 2024-03-01
Publish Date 2024-02-13
Rating 3.00/5 Total 4 Ratings
Developer TechLink
Email [email protected]
Payment Type free
Supported Languages 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\/*"
            ]
        }
    ]
}