Copy CSS/React/Tailwind Style
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 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 | 3264 installs, 71 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.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code