copy-figma-css

copy-figma-css

copy-figma-css

  • copy-figma-css
  • copy-figma-css
  • copy-figma-css
  • 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.
Merlin
Stats
By: gnauhca
Users: 271 ▼ -15
Rating: 5.00 (3)
Version: 1.0.10 (Last updated: 2022-09-07)
Creation date: 2021-11-26
Risk impact: Moderate risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
Permissions:
  • storage
  • clipboardWrite
Size: 135.17K
Stats date:

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
Merlin
Summary

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
See more
User reviews
一个字,牛逼
by tzehang wy tzehang wy, 2021-12-02

太好用啦,绝绝子,方便方便方便!!!
by 范君正 范君正, 2021-12-02

效率提升了10倍,解决了我写静态页面的痛点
by da panda da panda, 2021-11-29
View all user reviews
Safety
Risk impact

copy-figma-css may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.

Risk likelihood

copy-figma-css has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details
Similar extensions

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