Figma to Tokens

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

Wat is Figma to Tokens?

Figma to Tokens is een Chrome-extensie ontwikkeld door UX Dev Tools, en de belangrijkste functie is "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Extensie Screenshots

screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie Figma to Tokens

Download Figma to Tokens-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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                    

Basisinformatie over de Extensie

Naam Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
Officiële URL https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Beschrijving Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Bestandsgrootte 25.37 KB
Aantal Installaties 63
Huidige Versie 0.1.3
Laatst Bijgewerkt 2020-04-20
Publicatiedatum 2020-04-20
Ontwikkelaar UX Dev Tools
Betalingswijze free
Ondersteunde Talen 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
}