Figma to Tokens

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

Что такое Figma to Tokens?

Figma to Tokens - это расширение Chrome, разработанное UX Dev Tools, и его основная функция - "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Снимки экрана расширения

screenshot
screenshot
screenshot

Скачать файл CRX расширения Figma to Tokens

Скачайте файлы расширений 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
}