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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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
}