Figma to Tokens

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

Vad är Figma to Tokens?

Figma to Tokens är en Chrome-tillägg utvecklad av UX Dev Tools, och dess huvudfunktion är "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Tilläggsskärmbilder

screenshot
screenshot
screenshot

Ladda ner Figma to Tokens-förlängningens CRX-fil

Ladda ner Figma to Tokens-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.

Användarmanual för Tillägg

                        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äggande Information om Tillägg

Namn Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
Officiell webbadress https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Beskrivning Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Filstorlek 25.37 KB
Antal Installationer 63
Aktuell Version 0.1.3
Senast Uppdaterad 2020-04-20
Publiceringsdatum 2020-04-20
Utvecklare UX Dev Tools
Betalningssätt free
Stödda Språk 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
}