Figma to Tokens

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

Cos'è Figma to Tokens?

Figma to Tokens è un'estensione di Chrome sviluppata da UX Dev Tools, e la sua funzione principale è "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Screenshot dell'Estensione

screenshot
screenshot
screenshot

Scarica il file CRX dell'estensione Figma to Tokens

Scarica i file di estensione Figma to Tokens in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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                    

Informazioni di Base sull'Estensione

Nome Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
URL Ufficiale https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Descrizione Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Dimensione del File 25.37 KB
Conteggio Installazioni 63
Versione Corrente 0.1.3
Ultimo Aggiornamento 2020-04-20
Data di Pubblicazione 2020-04-20
Sviluppatore UX Dev Tools
Tipo di Pagamento free
Lingue Supportate 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
}