copy-figma-css

copy-figma-css

Copy Figma CSS - Chrome Extension

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.
Install from Chrome Web Store

Extension stats

By: gnauhca
Users: 343
-9
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:
Manifest version: 3
Permissions:
  • storage
  • clipboardWrite
Size: 156.67K

Other platforms

Not available on Android
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.

Extension 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

(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: