FigmaToTailwind

Get all CSS styling converted to tailwind classes directly from Figma.

什么是FigmaToTailwind?

FigmaToTailwind是由https://ardit.dev开发的Chrome扩展程序,该扩展的主要功能是“Get all CSS styling converted to tailwind classes directly from Figma.”。

扩展截图

screenshot

下载FigmaToTailwind扩展crx文件

下载FigmaToTailwind扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Get all CSS styling converted to tailwind classes directly from Figma.                    

扩展基本信息

名称 FigmaToTailwind FigmaToTailwind
ID kinjakmojdjkkddmpncnjnjpnciinana
官方URL https://chromewebstore.google.com/detail/figmatotailwind/kinjakmojdjkkddmpncnjnjpnciinana
简介 Get all CSS styling converted to tailwind classes directly from Figma.
文件大小 47.42 KB
安装次数 25
当前版本 1.0.1
更新时间 2022-09-25
上架时间 2022-09-21
开发者 https://ardit.dev
电子邮箱 [email protected]
付费类型 free
扩展官网 https://ardit.dev/
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "FigmaToTailwind",
    "version": "1.0.1",
    "description": "Get all CSS styling converted to tailwind classes directly from Figma.",
    "permissions": [
        "tabs"
    ],
    "host_permissions": [
        "https:\/\/*.figma.com\/*"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*.figma.com\/*"
            ],
            "js": [
                "contentScript.js"
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "assets\/copy.png"
            ],
            "matches": [
                "https:\/\/*.figma.com\/*"
            ]
        }
    ],
    "action": {
        "default_icon": {
            "16": "assets\/ext-icon.png",
            "24": "assets\/ext-icon.png",
            "32": "assets\/ext-icon.png"
        },
        "default_title": "FigmaToTailwind",
        "default_popup": "popup.html"
    },
    "manifest_version": 3
}