Back to Plugins
Style X-Ray
Scan Figma designs. Expose the CSS beneath.
Plugin Preview
About this plugin
Style X-Ray is your UI detective inside Figma. Instantly inspect layout, spacing, typography, colors, shadows, and more — all translated into CSS-friendly properties.
Perfect for developers using Tailwind, vanilla CSS, or AI tools like Cursor. Just select a frame, extract the design anatomy, and paste the JSON into your code workflow.
🚀 Speed up dev handoff
🔍 Catch spacing & style issues early
🤖 Power up AI agents with real design data
Plugin Details
| Version | 2 |
|---|---|
| Created | April 13, 2025 |
| Last Updated | April 22, 2025 |
| Category | Software development |
| Creator | Fede Campos |
| Stats | 19 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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.