CSS Viewer
View any css property by using this plugin
Plugin Preview
About this plugin
The CSS Viewer plugin for Figma helps designers and developers streamline their workflow by displaying the CSS properties and corresponding Tailwind CSS classes of any selected design element. Whether you're working with raw CSS or using Tailwind in your development stack, this plugin bridges the gap between design and code.🔍 Instantly view CSS properties (e.g., width, height, color, font, margin, padding, etc.) for selected layers.🎨 Get the Tailwind CSS class equivalents for each style, making handoff to developers smoother and faster.
Plugin Details
| Version | 1 |
|---|---|
| Created | May 31, 2025 |
| Last Updated | May 31, 2025 |
| Category | Software development |
| Creator | Muhammad Aman |
| Stats | 48 installs, 7 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
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