Back to Plugins
Inspect Styles
Inspect styles from Figma and transform to CSS
code exportcssdesign to codecss variablesexportfigma to codefigma to cssstylesinspect
Plugin Preview
About this plugin
Use the Advanced Style Inspection Mode for fast work. Select the desired layer and see its styles. Also the plugin shows the svg code.
Important:
- If you have a very large number of layers in your layout, the plugin may hang due to processing all layers to create variables
Plugin Details
| Version | 58 |
|---|---|
| Created | June 24, 2023 |
| Last Updated | September 24, 2025 |
| Category | Software development |
| Creator | max.denaro |
| Stats | 21455 installs, 3493 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://*.figma.com
- https://*.google.com
- https://*.maxgraph.ru
- https://fonts.googleapis.com
- https://fonts.gstatic.com
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
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.
SkewDat
Skew any layer or group with all layers preserved to edit.