Figma to Tokens

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

Figma to Tokens: Preview Color Palette as CSS Variables or JSON Tokens

Figma to Tokens is a Chrome extension that connects to Figma API and allows you to preview a color palette as CSS Variables or JSON Tokens. You can copy HEX or RGB values or preview them as CSS variables in Chrome DevTools. No API keys are saved as only local storage is used.

Download

Extension stats

By: UX Dev Tools

Users: 90

Version: 0.1.3 (Last updated: 2020-04-20)

Creation date: 2020-04-20

Risk impact: Very low risk impact

Risk likelihood:

Low risk likelihood

Manifest version: 2

Permissions:

storage
activeTab

Size: 25.98K

Ranking

# 74,109 ▲ 1,472

Other rankings

#4572 in Developer Tools ▲ 49 #21 in figma keyword 37 ▼ 3 #47 in ux keyword 19 ▼ 1

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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