Back to Plugins
Visible Property 2

Visible Property 2

Plugin will help you update text follow component property.

textvariablespropertydesign systemcolor

Plugin Preview

Visible Property 2 preview

About this plugin

Visible Property 2 will help you creating documentation for hand off. It will update label following reference's component whenever you call the plugin.Video Tutorialhttps://youtu.be/NoihOB1Z6qM✨ Quick start:Select "Generate All Color Styles" in plugin menu. Plugin will create Pantone for all of your Color styles🐷 How it works:Define reference element by adding "#" in front of a layer name. For example, "#color"Defile text element you want to update (#reference + . + method). For example, "#color.fill", "#color.fillRGB", "#color.height" etc.Call the plugin by typing "cmd + /" -> "visible property 2"🐯 Tips You can refer to the parent layer by using "##Parent" or "##TopParent" without inserting a layer name.For example,##Parent.name or ##Parent.fill##TopParent.name or ##TopParent.fill🦁 Properties:Fillfill -> #123456 78%fillRGB -> rgba(123, 456, 789, 1)fillHSL -> hsla(123, 456, 789, 0.1)fillHSB -> hsba(123, 456, 789, 0.1)fillStyle -> DarkBluefillStyleDescription -> The DescriptionStrokestroke -> #123456strokeRGB -> rgba(123, 456, 789, 1)strokeHSL -> hsla(123, 456, 789, 0.1)strokeHSB -> hsba(123, 456, 789, 0.1)strokeStyle -> DarkBluestrokeStyleDescription -> The DescriptionTextfont -> RobotofontWeight -> BoldfontSize -> 12paragraphIndent -> 12paragraphSpace -> 12letterSpace -> 12 or 12%lineHeight -> 12 or 12%textStyle -> BodytextStyleDescription -> The DescriptionSizeheight -> 32width -> 64Layername -> layer nameComponentdescription -> component descriptionNote: This plugin only supports gradients with default Start/Stop positions☕️ Love this plugin: buy me a coffeeThis plugin is an open-source on github

Plugin Details

Version52
CreatedMarch 28, 2022
Last UpdatedMay 13, 2024
Categorydesign-systems
CreatorApirak
Stats404 installs, 50 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the design-systems category.