copy-figma-css for Google Chrome

copy-figma-css: A Convenient Figma CSS Copying Extension

copy-figma-css is a Chrome extension developed by gnauhca that provides a convenient way to copy CSS from Figma. By enabling this extension and activating the inspect tab in a Figma file, users can automatically copy CSS according to the rules they set after selecting any node.

With copy-figma-css, users can enjoy the following features:

• Automatic copying of Figma CSS
• Filtering out unnecessary comments and unwanted properties
• Setting the scale level and custom unit of numbers
• Customizing replace rules
• Replacing values with CSS/LESS/SASS variables
• Different configurations for different projects

To use copy-figma-css, simply install the plugin and pin it to the extension bar. Then, open or refresh the Figma file, activate the "inspect" tab, and select the element to automatically copy the CSS to the clipboard based on the set rules. Even manual copying of CSS will be processed by the extension.

Please note that if the browser prompts for permission to read the clipboard, click "Allow" to grant access, as the extension only reads the CSS code.

Overall, copy-figma-css is a valuable tool for designers and developers working with Figma, streamlining the process of copying CSS and enhancing productivity.