Copy CSS/React/Tailwind Style
<p>Copy CSS style, React inline style or Tailwind classname from a selected layer.</p><p><br></p><p><a href="https://github.com/jiangyijie27/figma-copy-css-and-react-style" rel="noreferrer noopener nofollow" target="_blank">https://github.com/jiangyijie27/figma-copy-css-and-react-style</a></p><p><br></p><p># What's the difference from coping CSS from the right inspection panel?</p><p>1. irrelevant absolute positions and comments removed.</p><p>2. export raw CSS style or React inline style.</p><p>3. custom style, such as single or double quotes, 6 digit hex color(#ffffff) or 3 digit(#fff).</p><p>4. custom CSS Variables substitution.</p><p><br></p><p>All the custom options can be found in the 'setting' menu.</p><p>More options will be supported soon.</p>
Plugin Preview
About this plugin
Copy CSS style, React inline style or Tailwind classname from a selected layer.
https://github.com/jiangyijie27/figma-copy-css-and-react-style
# What's the difference from coping CSS from the right inspection panel?
1. irrelevant absolute positions and comments removed.
2. export raw CSS style or React inline style.
3. custom style, such as single or double quotes, 6 digit hex color(#ffffff) or 3 digit(#fff).
4. custom CSS Variables substitution.
All the custom options can be found in the 'setting' menu.
More options will be supported soon.
Plugin Details
Version | 15 |
---|---|
Created | June 2, 2020 |
Last Updated | March 19, 2021 |
Category | Software development |
Creator | Aragakey |
Stats | 3189 installs, 65 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI