Was ist Figma to Tokens?

Figma to Tokens ist eine Chrome-Erweiterung, die von UX Dev Tools entwickelt wurde, und ihr Hauptmerkmal ist "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Erweiterungsscreenshots

Figma to Tokens-Erweiterungs-CRX-Datei herunterladen

Laden Sie Figma to Tokens-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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

Grundlegende Informationen zur Erweiterung

Name	Figma to Tokens
ID	fjfneilbihkhfajffplopnififklppln
Offizielle URL	https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Beschreibung	Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Dateigröße	25.37 KB
Installationsanzahl	63
Aktuelle Version	0.1.3
Letztes Update	2020-04-20
Veröffentlichungsdatum	2020-04-20
Entwickler	UX Dev Tools
Zahlungsart	free
Unterstützte Sprachen	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 }