Figma to Tokens

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

Co je Figma to Tokens?

Figma to Tokens je rozšíření Chrome vyvinuté UX Dev Tools, a jeho hlavní funkcí je „Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens“.

Snímky obrazovky rozšíření

screenshot
screenshot
screenshot

Stáhnout soubor CRX rozšíření Figma to Tokens

Stáhněte si soubory rozšíření Figma to Tokens ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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                    

Základní Informace o Rozšíření

Název Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
Oficiální URL https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Popis Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Velikost souboru 25.37 KB
Počet instalací 63
Aktuální Verze 0.1.3
Poslední Aktualizace 2020-04-20
Datum Vydání 2020-04-20
Vývojář UX Dev Tools
Typ Platby free
Podporované Jazyky 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
}