Visible Property
Visible Property is a plugin for visualize your element property in just one click and you can “UPDATE” all text’s property when you update your element.🎉 [Note] Visible Property #2 is now available (A bit geeky but more powerful)Why?When I create design system, I want to add text property to my design for easy visualization but the color will alway have little update. It’s pain to update the property all the time. Therefor I create this plugin to solve this problems.How to Add text’s property- 1. Select a Element- 2. Navigate to the Plugins menu- 3. Select “Visual Property”- 4. Click “Add” property you want to visualizeHow to Update text’s properties- 1. Navigate to the Plugins menu- 2. Select “Visual Property”- 3. Click “Update All”. All the text’s property will update without changing styleTIP** You can adjust style of visual property. The plugin will update only text, width and height without touching your style **Video How tohttps://www.youtube.com/watch?v=ADYg3AHJ5iYVisual Property is open source, feel free to contribute or to send suggestions:https://github.com/apirak/visible-property
Plugin Preview
About this plugin
Visible Property is a plugin for visualize your element property in just one click and you can “UPDATE” all text’s property when you update your element.🎉 [Note] Visible Property #2 is now available (A bit geeky but more powerful)Why?When I create design system, I want to add text property to my design for easy visualization but the color will alway have little update. It’s pain to update the property all the time. Therefor I create this plugin to solve this problems.How to Add text’s property- 1. Select a Element- 2. Navigate to the Plugins menu- 3. Select “Visual Property”- 4. Click “Add” property you want to visualizeHow to Update text’s properties- 1. Navigate to the Plugins menu- 2. Select “Visual Property”- 3. Click “Update All”. All the text’s property will update without changing styleTIP** You can adjust style of visual property. The plugin will update only text, width and height without touching your style **Video How tohttps://www.youtube.com/watch?v=ADYg3AHJ5iYVisual Property is open source, feel free to contribute or to send suggestions:https://github.com/apirak/visible-property
Plugin Details
| Version | 12 |
|---|---|
| Created | March 18, 2020 |
| Last Updated | April 24, 2022 |
| Category | Software development |
| Creator | Apirak |
| Stats | 651 installs, 47 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/plugin.js
- 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
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.
SkewDat
Skew any layer or group with all layers preserved to edit.