Figma to Tokens

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

Qu'est-ce que Figma to Tokens ?

Figma to Tokens est une extension Chrome développée par UX Dev Tools, et sa fonction principale est "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Figma to Tokens

Téléchargez les fichiers d'extension Figma to Tokens au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
URL Officiel https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Description Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Taille du Fichier 25.37 KB
Nombre d'Installations 63
Version Actuelle 0.1.3
Dernière Mise à Jour 2020-04-20
Date de Publication 2020-04-20
Développeur UX Dev Tools
Type de Paiement free
Langues Prises en Charge 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
}