Back to Plugins
Copy CSS/React/Tailwind Style

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>

tailwindcsscsstailwindreactstyles

Plugin Preview

Copy CSS/React/Tailwind Style 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

Version15
CreatedJune 2, 2020
Last UpdatedMarch 19, 2021
CategorySoftware development
CreatorAragakey
Stats3168 installs, 66 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js