Back to Plugins
Variables → Text Styles

Variables → Text Styles

Sync variables with your text styles.

design-systemautomationtext stylesvariablesstyle management

Plugin Preview

Variables → Text Styles preview

About this plugin

Easily Apply Variables to Your Text Styles

Tired of manually assigning variables to text styles? Variables to Text Styles plugin lets you streamline this process by syncing your variables to existing text styles.


How It Works

You'll need existing text styles and typography variables ready to go, then follow these steps:


  1. Create text objects
  2. Apply variables to the text layers' properties
  3. Name the text layers to match their corresponding text style. If your styles are in folders, include the full path using '/' (e.g., folder/subfolder/style)
  4. Run the plugin
  5. Select your text layers. If you make changes, you'll need to reselect them.
  6. Click "Update Text Styles" to apply the variables


Important Notes

  1. If you modify your text properties while the plugin is open, reselect them to refresh the updates.
  2. This plugin does not convert text layers into styles, allowing you to continue making adjustments.

Plugin Details

Version2
CreatedFebruary 19, 2025
Last UpdatedFebruary 20, 2025
CategoryFile organization plugins
CreatorMurph
Stats14 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com