Figma to Tokens
Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
What is Figma to Tokens?
Figma to Tokens is a Chrome extension developed by UX Dev Tools, and its main feature is "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".
Extension Screenshots
Download Figma to Tokens Extension CRX File
Download Figma to Tokens extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  Figma to Tokens |
| ID | fjfneilbihkhfajffplopnififklppln |
| Official URL | 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 |
| File Size | 25.37 KB |
| Installation Count | 63 |
| Current Version | 0.1.3 |
| Last Updated | 2020-04-20 |
| Publish Date | 2020-04-20 |
| Developer | UX Dev Tools |
| Payment Type | free |
| Supported Languages | 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
} | |
