Figma to Tokens

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

Figma to Tokens क्या है?

Figma to Tokens UX Dev Tools द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens"।

एक्सटेंशन स्क्रीनशॉट्स

screenshot
screenshot
screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में Figma to Tokens एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ 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
}