Select by Font
<p><strong>Figma’s Selection Color tool but for Fonts and Styles.</strong></p><p><br></p><p>Easily view all the distinct fonts used in the current selection. Then, select all text nodes of a similar font.</p><p><br></p><p><strong>WHY THIS PLUGIN WILL CHANGE YOUR WORKFLOW</strong></p><p>This plugin removes the pain of finding and selecting text nodes.</p><p><br></p><p>Designers relate a text node with its purpose - heading, caption, label, warning etc. A well crafted design system has font style names that match the purpose of the style. Thus, font types and style names are the best way to get to a text node. This plugin makes that possible.</p><p><br></p><p>In our beta testing, designers who use this plugin use it so often and after a while can’t imagine their workflow without it. The plugin is designed to be a narrow and vertical dialog so that it can be kept open while you are working on your designs.</p><p><br></p><p><strong>LATEST RELEASE</strong></p><p>Longer style names are now fully visible</p><p><br></p><p><br></p><p>HOW TO USE THE PLUGIN</p><p><br></p><p>STEP 1</p><p>Select a frame or a group of frames</p><p><br></p><p>STEP 2</p><p>Run the plugin to see the distinct list of fonts used in the selection</p><p><br></p><p>STEP 3</p><p>Click on the Font or Style Name to select ALL the text nodes that match that style.</p><p><br></p><p>STEP 4</p><p>If you make any changes to font or style, then refresh to update the font list.</p><p><br></p><p>COMING SOON</p><p>Cycle through text node selection</p><p>Auto refresh font list after changes are made</p><p>Spell check on text nodes</p>
Plugin Preview
About this plugin
Figma’s Selection Color tool but for Fonts and Styles.
Easily view all the distinct fonts used in the current selection. Then, select all text nodes of a similar font.
WHY THIS PLUGIN WILL CHANGE YOUR WORKFLOW
This plugin removes the pain of finding and selecting text nodes.
Designers relate a text node with its purpose - heading, caption, label, warning etc. A well crafted design system has font style names that match the purpose of the style. Thus, font types and style names are the best way to get to a text node. This plugin makes that possible.
In our beta testing, designers who use this plugin use it so often and after a while can’t imagine their workflow without it. The plugin is designed to be a narrow and vertical dialog so that it can be kept open while you are working on your designs.
LATEST RELEASE
Longer style names are now fully visible
HOW TO USE THE PLUGIN
STEP 1
Select a frame or a group of frames
STEP 2
Run the plugin to see the distinct list of fonts used in the selection
STEP 3
Click on the Font or Style Name to select ALL the text nodes that match that style.
STEP 4
If you make any changes to font or style, then refresh to update the font list.
COMING SOON
Cycle through text node selection
Auto refresh font list after changes are made
Spell check on text nodes
Plugin Details
Version | 10 |
---|---|
Created | June 27, 2020 |
Last Updated | June 5, 2021 |
Category | fonts-typography |
Creator | Saurabh Gupta |
Stats | 6420 installs, 148 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the fonts-typography category.