Select by Font
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 WORKFLOWThis 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 RELEASELonger style names are now fully visibleHOW TO USE THE PLUGINSTEP 1Select a frame or a group of framesSTEP 2Run the plugin to see the distinct list of fonts used in the selectionSTEP 3Click on the Font or Style Name to select ALL the text nodes that match that style.STEP 4If you make any changes to font or style, then refresh to update the font list.COMING SOONCycle through text node selectionAuto refresh font list after changes are madeSpell check on text nodes
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 WORKFLOWThis 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 RELEASELonger style names are now fully visibleHOW TO USE THE PLUGINSTEP 1Select a frame or a group of framesSTEP 2Run the plugin to see the distinct list of fonts used in the selectionSTEP 3Click on the Font or Style Name to select ALL the text nodes that match that style.STEP 4If you make any changes to font or style, then refresh to update the font list.COMING SOONCycle through text node selectionAuto refresh font list after changes are madeSpell check on text nodes
Plugin Details
| Version | 10 |
|---|---|
| Created | June 27, 2020 |
| Last Updated | June 5, 2021 |
| Category | fonts-typography |
| Creator | Saurabh Gupta |
| Stats | 6568 installs, 167 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.