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 | 28 installs, 5 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.
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