copy-figma-css

copy-figma-css
What is copy-figma-css?
Copy Figma CSS is a Chrome extension that allows you to automatically copy CSS from Figma designs. It supports filtering comments and unwanted properties, setting scale levels and units, custom replace rules, and more.
Download

Extension stats

By: gnauhca
Users: 339 ▼ -1
Rating: 5.00 (3)
Version: 1.0.11 (Last updated: 2024-09-19)
Creation date: 2021-11-26
Risk impact: Moderate risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 3
Permissions:
  • storage
  • clipboardWrite
Size: 156.67K

Ranking

# 45110 ▼ 167
Other rankings
#7745 in Developer Tools ▼ 22 #32 in figma keyword 34 #172 in rule keyword 9 ▼ 5

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension

Extension summary

Analyze keywords

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
See more

User reviews

一个字，牛逼
by tzehang wy, 2021-12-02
太好用啦，绝绝子，方便方便方便！！！
by 范君正, 2021-12-02
效率提升了10倍，解决了我写静态页面的痛点
by da panda, 2021-11-29
View all user reviews

Extension safety

Risk impact

copy-figma-css requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

copy-figma-css is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to copy-figma-css:

fubukicss-tool
fubukicss-tool
zouhangsweet
4.77
2,000+
Hover inspector like in Zeplin , Figma
Hover inspector like in Zeplin , Figma
Liubomyr Kozak
4.76
9,000+
Jinno: code any React component with AI
Jinno: code any React component with AI
Jinno
4.76
4,000+
DesignCode
DesignCode
Sean Zhu
5.00
131
Figma
Figma
Figma
4.67
100,000+
Figma Node Inspect
Figma Node Inspect
kyriechen
5.00
143
TemPad Dev
TemPad Dev
Justineo
5.00
1,000+
Figma to Tokens
Figma to Tokens
UX Dev Tools
N/A
85
Figma Search
Figma Search
Igor Adamenko
4.20
664
Figma UI Mod
Figma UI Mod
Josh Harwood
5.00
647
Figma GitHub
Figma GitHub
Luke Camilleri
4.00
666
html.to.design
html.to.design
chrome-webstore
4.66
200,000+