Figma to Tokens

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

Co to jest Figma to Tokens?

Figma to Tokens to rozszerzenie Chrome opracowane przez UX Dev Tools, a jego główną funkcją jest „Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Figma to Tokens

Pobierz pliki rozszerzeń Figma to Tokens w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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                    

Podstawowe informacje o rozszerzeniu

Nazwa Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
Oficjalny URL https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Opis Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Rozmiar pliku 25.37 KB
Liczba instalacji 63
Aktualna Wersja 0.1.3
Ostatnia Aktualizacja 2020-04-20
Data Publikacji 2020-04-20
Deweloper UX Dev Tools
Typ Płatności free
Obsługiwane Języki 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
}