Skip to content

gnauhca/chrome-extension-copy-figma-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

chrome-extension: 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
  • Multiple configuration files

Usage:

  • Install this extension 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

Extension Link: https://chrome.google.com/webstore/detail/copy-figma-css/npogkncheacjllmfhehhofcacmeigpgl

Develop

# develop
npm run dev
# build
npm run build

About

chrome-extension: copy-figma-css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published