Focus CSS
Focus CSS makes viewing CSS in Figma more convenient and helps you spot inconsistent styling. Key features: 1. Generate CSS for all elements in a frame, page, selection or for all elements in the whole document. 2. Hide CSS properties you don't want to copy to your project's CSS code. 3. Spot styling errors by viewing only unique values for specific CSS properties. 4. Filter CSS by layer type to, for example, show only the CSS for text layers in a selected frame. This is a plugin I imagined being useful while working with Figma as a web developer. Please do not hesitate to get in touch if you have any feedback!
Plugin Preview
About this plugin
Focus CSS makes viewing CSS in Figma more convenient and helps you spot inconsistent styling. Key features: 1. Generate CSS for all elements in a frame, page, selection or for all elements in the whole document. 2. Hide CSS properties you don't want to copy to your project's CSS code. 3. Spot styling errors by viewing only unique values for specific CSS properties. 4. Filter CSS by layer type to, for example, show only the CSS for text layers in a selected frame. This is a plugin I imagined being useful while working with Figma as a web developer. Please do not hesitate to get in touch if you have any feedback!
Plugin Details
| Version | 3 |
|---|---|
| Created | February 19, 2020 |
| Last Updated | April 24, 2020 |
| Category | Software development |
| Creator | Viesturs Marnauza |
| Stats | 3486 installs, 103 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.