Figma to Tokens

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

¿Qué es Figma to Tokens?

Figma to Tokens es una extensión de Chrome desarrollada por UX Dev Tools, y su función principal es "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Figma to Tokens

Descarga archivos de extensión Figma to Tokens en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
URL Oficial https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Descripción Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Tamaño del Archivo 25.37 KB
Cantidad de Instalaciones 63
Versión Actual 0.1.3
Última Actualización 2020-04-20
Fecha de Publicación 2020-04-20
Desarrollador UX Dev Tools
Tipo de Pago free
Idiomas Soportados 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
}