copy-figma-css
商品媒体 5 屏幕截图
商品媒体 1 屏幕截图
商品媒体 2 屏幕截图
商品媒体 3 屏幕截图
商品媒体 4 屏幕截图
商品媒体 5 屏幕截图
商品媒体 1 屏幕截图
商品媒体 1 屏幕截图
商品媒体 2 屏幕截图
商品媒体 3 屏幕截图
商品媒体 4 屏幕截图
商品媒体 5 屏幕截图

概述

copy-figma-css

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 内容

5 星(5 星制)3 个评分

Google 不会核实评价。 详细了解结果和评价。

评价者的个人资料照片

tzehang wy2021年12月2日

一个字,牛逼

评价者的个人资料照片

范君正2021年12月2日

太好用啦,绝绝子,方便方便方便!!!

1 人认为该评价有用
评价者的个人资料照片

da panda2021年11月28日

效率提升了10倍,解决了我写静态页面的痛点

2 人中有 2 人认为该评价有用

详情

  • 版本
    1.0.10
  • 上次更新日期
    2022年9月7日
  • 提供方
    gnauhca
  • 大小
    132KiB
  • 语言
    中文 (简体)
  • 开发者
    电子邮件通知
    gnauhca@gmail.com
  • 非交易者
    该开发者尚未将自己标识为交易者。欧盟地区消费者须知:消费者权利可能不适用于您与该开发者达成的合约。

隐私权

“copy-figma-css”已就收集和使用用户数据披露了以下信息。

copy-figma-css会处理以下数据:

网站内容

该开发者已声明,您的数据:

  • 不会因未获批准的用途出售给第三方
  • 不会为实现与产品核心功能无关的目的而使用或转移
  • 不会为确定信用度或放贷目的而使用或转移

支持

若有任何疑问、建议或问题,请访问开发者的支持网站

相关

CSS Scan

3.9(71)

快速检查复制CSS计算值

Figma UI Mod

5.0(3)

Figma UI enhancements and Analytics CSV export

Figma GitHub

4.0(5)

Browser extension that adds real-time Figma designs within GitHub

html.to.design

4.6(54)

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

fubukicss-tool

4.6(7)

one step to get css from figma

Hover inspector like in Zeplin , Figma

4.8(29)

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

Jinno: code any React component with AI

4.6(33)

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

Figma Clean Prototypes

5.0(2)

Disables the interface on Figma's prototypes so users don't get confused when user testing.

Figma

4.7(27)

Figma

Figma Node Inspect

5.0(3)

A chrome extension for figma node inspect

Figma to Tokens

0.0(0)

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

Figma Search

4.2(5)

Search through Figma objects even in “View only” mode

CSS Scan

3.9(71)

快速检查复制CSS计算值

Figma UI Mod

5.0(3)

Figma UI enhancements and Analytics CSV export

Figma GitHub

4.0(5)

Browser extension that adds real-time Figma designs within GitHub

html.to.design

4.6(54)

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

fubukicss-tool

4.6(7)

one step to get css from figma

Hover inspector like in Zeplin , Figma

4.8(29)

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

Jinno: code any React component with AI

4.6(33)

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

Figma Clean Prototypes

5.0(2)

Disables the interface on Figma's prototypes so users don't get confused when user testing.

Google 应用