Visible Property

<p>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.</p><p><br></p><p>🎉 [Note] <a href="https://www.youtube.com/watch?v=PEC56gILBMA" rel="noreferrer noopener nofollow ugc" target="_blank">Visible Property #2</a> is now available (A bit geeky but more powerful)</p><p><br></p><p><strong>Why?</strong></p><p>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.</p><p><br></p><p><strong>How to Add text’s property</strong></p><p>- 1. Select a Element</p><p>- 2. Navigate to the Plugins menu</p><p>- 3. Select “Visual Property”</p><p>- 4. Click “Add” property you want to visualize</p><p><br></p><p><strong>How to Update text’s properties</strong></p><p>- 1. Navigate to the Plugins menu</p><p>- 2. Select “Visual Property”</p><p>- 3. Click “Update All”. All the text’s property will update without changing style</p><p><br></p><p><strong>TIP</strong></p><p>** You can adjust style of visual property. The plugin will update only text, width and height without touching your style **</p><p><br></p><p>Video How to</p><p><a href="https://www.youtube.com/watch?v=ADYg3AHJ5iY" rel="noreferrer noopener nofollow ugc" target="_blank">https://www.youtube.com/watch?v=ADYg3AHJ5iY</a></p><p><br></p><p>Visual Property is open source, feel free to contribute or to send suggestions:</p><p><a href="https://github.com/apirak/visible-property" rel="noreferrer noopener nofollow ugc" target="_blank">https://github.com/apirak/visible-property</a></p>