Figma to Tokens

Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens

Figma to Tokensคืออะไร?

Figma to Tokens เป็นส่วนขยายของ Chrome ที่พัฒนาโดย UX Dev Tools และคุณลักษณะหลักของมันคือ "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens"

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

screenshot
screenshot
screenshot

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

ดาวน์โหลดไฟล์ส่วนขยาย Figma to Tokens ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        Figma to Tokens provides either CSS Variables or JSON Tokens as HEX or RGB to quickly copy or you can preview CSS variables in the styles pane of Chrome DevTools if your website is using the same css variables pattern as your Figma file you will see the changes. Note: only local storage is used no API keys are saved                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
คำอธิบาย Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
ขนาดไฟล์ 25.37 KB
จำนวนการติดตั้ง 63
เวอร์ชันปัจจุบัน 0.1.3
อัปเดตครั้งล่าสุด 2020-04-20
วันที่เผยแพร่ 2020-04-20
ผู้พัฒนา UX Dev Tools
ประเภทการชำระเงิน free
ภาษาที่รองรับ en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Figma to Tokens",
    "description": "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens",
    "version": "0.1.3",
    "permissions": [
        "storage",
        "activeTab"
    ],
    "browser_action": {
        "default_title": "Figma to Tokens",
        "default_popup": "popup.html",
        "default_icon": "assets\/images\/icon_19.png"
    },
    "icons": {
        "128": "assets\/images\/icon_128.png",
        "16": "assets\/images\/icon_16.png",
        "48": "assets\/images\/icon_48.png"
    },
    "manifest_version": 2
}