FigmaToTailwind

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

FigmaToTailwindคืออะไร?

FigmaToTailwind เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://ardit.dev และคุณลักษณะหลักของมันคือ "Get all CSS styling converted to tailwind classes directly from Figma."

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย FigmaToTailwind

ดาวน์โหลดไฟล์ส่วนขยาย 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
}