Style X-Ray

by Fede Campos

Scan Figma designs. Expose the CSS beneath.

FreeFigma

Performance report Open in Figma

Installs

Likes

Users

277

Views

156

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

More software development plugins

View all

Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)

by Steve Sewell

Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.

410.3K 23.4K

Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder

by Anima

Anima - AI Design to code, Vibe code, Vibe design

400.6K 17.8K

SkewDat

Paid

by Unfold

Skew any layer or group with all layers preserved to edit.

276K 7.3K

Zeplin

Paid

by Zeplin Crew

Design tools are for designing. Zeplin is for clear, structured design delivery.

183.3K 2.9K