Figma to Tokens: Connect to Figma API and Preview Color Palette as CSS Variables or JSON Tokens
Figma to Tokens is a free Chrome add-on developed by UX Dev Tools. It falls under the category of Browsers and belongs to the subcategory of Add-ons & Tools. This program allows users to connect to the Figma API and preview a color palette as CSS Variables or JSON Tokens.
With Figma to Tokens, users can quickly copy either CSS Variables or JSON Tokens in HEX or RGB format. This makes it easy to integrate the color palette from Figma directly into their website's CSS. Additionally, if the website is using the same CSS variables pattern as the Figma file, users can see the changes in the styles pane of Chrome DevTools.
It's worth noting that Figma to Tokens only uses local storage and does not save any API keys, ensuring the security of user data.
Overall, Figma to Tokens is a useful tool for designers and developers who want to streamline their workflow by easily transferring color palettes from Figma to their website's CSS.
