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 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

Stats

By: UX Dev Tools

View on Chrome Web Store

Users: 74 ▼ -6

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

Stats date:

Chrome-Stats Rank

# 69267 ▼ 1999

Other rankings

#3874 in Developer Tools ▼ 37 #16 in figma keyword 30 ▲ 1 #30 in ux keyword 20

Other platforms

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.

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