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 | 56 |
|---|---|
| Created | June 24, 2023 |
| Last Updated | June 9, 2025 |
| Category | Software development |
| Creator | max.denaro |
| Stats | 20300 installs, 3361 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 - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.