Back to Plugins
Text Styles Creator

Text Styles Creator

Automate text style creation and management in Figma for a smoother design workflow.

textautomationdesignpluginworkflowuxfigmauitypographyefficiencystylesfont

Plugin Preview

Text Styles Creator preview

About this plugin

Text Style Creator is a handy Figma plugin that automates the process of creating text styles from your text layers.


Usage:

  1. Select your text layer(s).
  2. Run the plugin.


The plugin will create a new text style for each unique set of text properties.


Features:


  • Creates new text styles based on the properties of your selected text layers and immediately applies them.
  • Avoids duplicating styles with the same properties, even across different text contents.
  • Notifies you if no layers are selected, how many new styles have been created, how many existing styles were skipped, and applies the created styles to the selected text.


Feature Updates:


  • Bulk Selection Support: Enhanced to support bulk selection, ensuring when multiple text layers with the same properties are selected, only one unique style is created, reducing redundancy and clutter.
  • Automatic Style Application: Added functionality to automatically apply the created text style to the selected text layers, streamlining your workflow.
  • Efficient Style Management: Continues to prevent the creation of new styles for layers that already match an existing style, maintaining a tidy style library.


Please note:

This plugin only works with text layers and uses the text content as the style name. It's designed to be a simple, run-once tool to help streamline your design workflow in Figma.


Kishor on Dribbble and Instagram


Please give Text Style Creator a try and see if it suits your needs. Looking forward to your valuable feedback!

Plugin Details

Version3
CreatedMay 30, 2023
Last UpdatedApril 11, 2024
CategoryFile organization plugins
Creatorkishor kumar khadka
Stats2289 installs, 192 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none