Figma to Tokens

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

Apa itu Figma to Tokens?

Figma to Tokens adalah ekstensi Chrome yang dikembangkan oleh UX Dev Tools, dan fitur utamanya adalah "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Screenshot Ekstensi

screenshot
screenshot
screenshot

Unduh Berkas CRX Ekstensi Figma to Tokens

Unduh file ekstensi Figma to Tokens dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

                        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                    

Informasi Dasar Ekstensi

Nama Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
URL Resmi https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Deskripsi Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Ukuran File 25.37 KB
Jumlah Instalasi 63
Versi Saat Ini 0.1.3
Terakhir Diperbarui 2020-04-20
Tanggal Publikasi 2020-04-20
Pengembang UX Dev Tools
Tipe Pembayaran free
Bahasa yang Didukung 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
}