Back to Plugins
Select by Font

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

tooltextselectsizepairingsselectionreplacestylesfontsearchfind

Plugin Preview

Select by Font 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

Version10
CreatedJune 27, 2020
Last UpdatedJune 5, 2021
Categoryfonts-typography
CreatorSaurabh Gupta
Stats6568 installs, 167 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js