Figma to Tokens

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

Hvad er Figma to Tokens?

Figma to Tokens er en Chrome-udvidelse udviklet af UX Dev Tools, og dens hovedfunktion er "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Udvidelsesskærmbilleder

screenshot
screenshot
screenshot

Download Figma to Tokens-udvidelses-CRX-fil

Download Figma to Tokens-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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                    

Grundlæggende oplysninger om udvidelsen

Navn Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
Officiel URL https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Beskrivelse Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Filstørrelse 25.37 KB
Antal Installationer 63
Nuværende Version 0.1.3
Senest Opdateret 2020-04-20
Udgivelsesdato 2020-04-20
Udvikler UX Dev Tools
Betalingsmetode free
Understøttede Sprog 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
}