Back to Plugins
Assign Color Value to Text

Assign Color Value to Text

Assign color value (Hex and HSL are supported) to text nodeReplace your text named like $hex ,$hsl with the corresponding frame color value=== Usage ===Make a frame or groupFill them with a single colorPut a text node with name $hex, $hsl (more in the section Supported Signifier!) inside (nested are allowed) the frame or groupSelect the frame or group, and then run this pluginFind out the text node's text is replaced with the selected frame or group's color code (hex is like #ffffff, and hsl is like hsl(0, 0, 100%).=== Supported Signifier ===$hex$hsl$hsla$rgb$rgba$alpha$styleName

texthslrgbahslacolorreplaceassignalphargb

Plugin Preview

Assign Color Value to Text preview

About this plugin

Assign color value (Hex and HSL are supported) to text nodeReplace your text named like $hex ,$hsl with the corresponding frame color value=== Usage ===Make a frame or groupFill them with a single colorPut a text node with name $hex, $hsl (more in the section Supported Signifier!) inside (nested are allowed) the frame or groupSelect the frame or group, and then run this pluginFind out the text node's text is replaced with the selected frame or group's color code (hex is like #ffffff, and hsl is like hsl(0, 0, 100%).=== Supported Signifier ===$hex$hsl$hsla$rgb$rgba$alpha$styleName

Plugin Details

Version7
CreatedNovember 10, 2021
Last UpdatedMarch 1, 2022
Categoryshapes-colors
Creatorたふみ
Stats871 installs, 95 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/index.js
  • Editor Types:
    figma