Figma to Tokens

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

什么是Figma to Tokens?

Figma to Tokens是由UX Dev Tools开发的Chrome扩展程序,该扩展的主要功能是“Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens”。

扩展截图

screenshot
screenshot
screenshot

下载Figma to Tokens扩展crx文件

下载Figma to Tokens扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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                    

扩展基本信息

名称 Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
官方URL https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
简介 Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
文件大小 25.37 KB
安装次数 63
当前版本 0.1.3
更新时间 2020-04-20
上架时间 2020-04-20
开发者 UX Dev Tools
付费类型 free
支持的语言 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
}