O que é Figma to Tokens?

Figma to Tokens é uma extensão do Chrome desenvolvida por UX Dev Tools, e sua principal característica é "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Figma to Tokens

Baixe arquivos de extensão Figma to Tokens no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome	Figma to Tokens
ID	fjfneilbihkhfajffplopnififklppln
URL Oficial	https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Descrição	Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Tamanho do Arquivo	25.37 KB
Contagem de Instalações	63
Versão Atual	0.1.3
Última Atualização	2020-04-20
Data de Publicação	2020-04-20
Desenvolvedor	UX Dev Tools
Tipo de Pagamento	free
Idiomas Suportados	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 }