Figma to Tokens

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

Figma to Tokens là gì?

Figma to Tokens là một tiện ích mở rộng Chrome được phát triển bởi UX Dev Tools, và tính năng chính của nó là "Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Figma to Tokens

Tải xuống các tệp mở rộng Figma to Tokens dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Figma to Tokens Figma to Tokens
ID fjfneilbihkhfajffplopnififklppln
URL Chính Thức https://chromewebstore.google.com/detail/figma-to-tokens/fjfneilbihkhfajffplopnififklppln
Mô tả Connect to Figma API and preview a color palette as CSS Variables or JSON Tokens
Kích Thước Tệp 25.37 KB
Số Lần Cài Đặt 63
Phiên Bản Hiện Tại 0.1.3
Cập Nhật Lần Cuối 2020-04-20
Ngày Phát Hành 2020-04-20
Nhà Phát Triển UX Dev Tools
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ 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
}