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 | 0 installs, 0 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI