Item logo image for copy-figma-css

copy-figma-css

5.0(

3 ratings

)
Item media 5 (screenshot) for copy-figma-css
Item media 1 (screenshot) for copy-figma-css
Item media 2 (screenshot) for copy-figma-css
Item media 3 (screenshot) for copy-figma-css
Item media 4 (screenshot) for copy-figma-css
Item media 5 (screenshot) for copy-figma-css
Item media 1 (screenshot) for copy-figma-css
Item media 1 (screenshot) for copy-figma-css
Item media 2 (screenshot) for copy-figma-css
Item media 3 (screenshot) for copy-figma-css
Item media 4 (screenshot) for copy-figma-css
Item media 5 (screenshot) for copy-figma-css

Overview

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 (Automatic copy function is Expired, please copy manually) Feature: * Copy Figma Css automatically (Expired, please copy manually) * 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 * Manually copy the css code, and the code will be modified according to the rules and written to the clipboard * 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 设计稿 * 手动复制 CSS 代码,代码就会按照规则修改后写入剪贴板 * 若页面提示阻止读取剪贴板权限,点击允许读取,插件只读取 CSS 内容

5 out of 53 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0.11
  • Updated
    September 19, 2024
  • Offered by
    gnauhca
  • Size
    153KiB
  • Languages
    中文 (简体)
  • Developer
    Email
    gnauhca@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Figma Search

4.2(5)

Search through Figma objects even in “View only” mode

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.7(84)

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

fubukicss-tool

4.8(13)

one step to get css from figma

Hover inspector like in Zeplin , Figma

4.8(32)

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.8(38)

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

DesignCode

5.0(4)

DesignCode Chrome Extension for Figma elements dev details(Code, CSS Layout and Style etc.)

Figma

4.7(26)

Figma

Figma Node Inspect

5.0(4)

A chrome extension for figma node inspect

TemPad Dev

4.9(16)

Inspect panel on Figma, for everyone.

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

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.7(84)

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

fubukicss-tool

4.8(13)

one step to get css from figma

Hover inspector like in Zeplin , Figma

4.8(32)

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.8(38)

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

DesignCode

5.0(4)

DesignCode Chrome Extension for Figma elements dev details(Code, CSS Layout and Style etc.)

Google apps