Assign Color Value to Text
<p><strong>Assign color value (Hex and HSL are supported) to text node</strong></p><p><br></p><p>Replace your text named like <code>$hex</code> ,<code>$hsl</code> with the corresponding frame color value</p><p><br></p><p>=== Usage ===</p><p><br></p><ol><li>Make a frame or group</li><li>Fill them with a single color</li><li>Put a text node with name <code>$hex</code>, <code>$hsl</code> (more in the section Supported Signifier!) inside (nested are allowed) the frame or group</li><li>Select the frame or group, and then run this plugin</li><li>Find 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%).</li></ol><p><br></p><p>=== Supported Signifier ===</p><p><br></p><ul><li><code>$hex</code></li><li><code>$hsl</code></li><li><code>$hsla</code></li><li><code>$rgb</code></li><li><code>$rgba</code></li><li><code>$alpha</code></li><li><code>$styleName</code></li></ul>
Plugin Preview
About this plugin
Assign color value (Hex and HSL are supported) to text node
Replace your text named like $hex
,$hsl
with the corresponding frame color value
=== Usage ===
- Make a frame or group
- Fill them with a single color
- Put a text node with name
$hex
,$hsl
(more in the section Supported Signifier!) inside (nested are allowed) the frame or group - Select the frame or group, and then run this plugin
- Find 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
Version | 7 |
---|---|
Created | November 10, 2021 |
Last Updated | March 1, 2022 |
Category | shapes-colors |
Creator | たふみ |
Stats | 783 installs, 76 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/index.js
- Editor Types:figma
More Like This
Discover other plugins in the shapes-colors category.