copy-figma-css

copy-figma-css

copy-figma-css là gì?

copy-figma-css là một tiện ích mở rộng Chrome được phát triển bởi gnauhca, và tính năng chính của nó là "copy-figma-css".

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

screenshot
screenshot
screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng copy-figma-css

Tải xuống các tệp mở rộng copy-figma-css 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

                        Enable this extension and activate the inspect tab in a figma file, the CSS can be automatically copied according to the rules you set after any node is selected

Feature:
* Copy Figma Css automatically
* Ignore useless comments and unwanted properties
* Set Scale level of the number and custom unit 
* Custom replace rule
* Replace the value by css/less/sass variables
* Different configs for different projects

Usage: 
* Install this plugin and Pin it in the extension bar
* Open or refresh the figma file, activate the "inspect" tab (important)
* Select the element to automatically copy the css to the clipboard according to the set rules (manually copy will also be processed)
* If the browser ask the permission to read the clipboard, click Allow to read, it read the CSS code only


figma 复制 CSS 插件,开启此插件激活 Inspect(检查)tab,便可以在选中元素之后自动根据设置好的规则复制 CSS 代码。
已支持的特性:
* 自动复制 Figma CSS
* 支持过滤无用注释和不需要的属性
* 支持设置缩放级别、CSS 单位
* 自定义替换规则
* css var/less/sass 变量替换
* 多个项目多个配置

使用方法:
* 安装此插件,并固定在扩展栏
* 打开或刷新 figma 设计稿,激活 “检查(inspect)” tab (重要)
* 选中元素,即可自动根据设置的规则复制 css 到剪贴板 (手动复制 css 代码也是会被处理的)
* 若页面提示阻止读取剪贴板权限,点击允许读取,插件只读取 CSS 内容                    

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

Tên copy-figma-css copy-figma-css
ID npogkncheacjllmfhehhofcacmeigpgl
URL Chính Thức https://chromewebstore.google.com/detail/copy-figma-css/npogkncheacjllmfhehhofcacmeigpgl
Mô tả copy-figma-css
Kích Thước Tệp 132 KB
Số Lần Cài Đặt 248
Phiên Bản Hiện Tại 1.0.10
Cập Nhật Lần Cuối 2022-09-07
Ngày Phát Hành 2021-11-26
Đánh Giá 5.00/5 Tổng số 3 Đánh Giá
Nhà Phát Triển gnauhca
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/gnauhca/chrome-extension-copy-figma-css
URL Trang Trợ Giúp https://github.com/gnauhca/chrome-extension-copy-figma-css
Ngôn Ngữ Được Hỗ Trợ zh-CN
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "copy-figma-css",
    "version": "1.0.10",
    "action": {
        "default_icon": "img\/copy-figma-css-32.png",
        "default_title": "copy-figma-css",
        "default_popup": "index.html"
    },
    "description": "copy-figma-css",
    "icons": {
        "16": "img\/copy-figma-css-16.png",
        "48": "img\/copy-figma-css-48.png",
        "128": "img\/copy-figma-css-128.png"
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/www.figma.com\/file\/*",
                "https:\/\/www.figma.com\/files\/*"
            ],
            "js": [
                "js\/change-copy-css.js"
            ],
            "run_at": "document_start"
        }
    ],
    "permissions": [
        "storage",
        "clipboardWrite"
    ]
}