Figma to Tokens

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

Τι είναι το Figma to Tokens;

Το Figma to Tokens είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον UX Dev Tools, και η κύρια λειτουργία του είναι "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Στιγμιότυπα Επέκτασης

screenshot
screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης Figma to Tokens

Λήψη αρχείων επέκτασης Figma to Tokens σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        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                    

Βασικές Πληροφορίες Επέκτασης

Όνομα Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
Επίσημο URL https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Περιγραφή Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Μέγεθος Αρχείου 25.37 KB
Αριθμός Εγκαταστάσεων 63
Τρέχουσα Έκδοση 0.1.3
Τελευταία Ενημέρωση 2020-04-20
Ημερομηνία Δημοσίευσης 2020-04-20
Προγραμματιστής UX Dev Tools
Τύπος Πληρωμής free
Υποστηριζόμενες Γλώσσες 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
}