Back to Plugins
Text Style Mapping

Text Style Mapping

Batch apply text styles to multiple text layers in Figma.

Plugin Preview

Text Style Mapping preview

About this plugin

Text Style Mapping simplifies the process of applying text styles to multiple text layers in your Figma designs.


Features:

  1. Apply text styles to both styled and unstyled text layers at once
  2. Automatically groups similar unstyled text based on font family, weight, size, and line height
  3. Switch between styled and unstyled text with an easy tab interface
  4. Works with your existing text styles library


How to use:

  1. Select a frame containing text elements
  2. Choose text styles from the dropdown menus
  3. Click "Apply Styles" to update all selected text layers at once


Note: This plugin may have limitations when working with text styles that use design tokens or local variables due to Figma API constraints.


This plugin helps maintain design consistency by making text styling quick and efficient across your Figma designs.


-


Text Style Mappingは、Figmaデザイン内の複数のテキストレイヤーにテキストスタイルを適用するプロセスを簡素化します。


機能:

  1. スタイル適用済みおよび未適用のテキストレイヤーに一度にスタイルを適用
  2. フォントファミリー、ウェイト、サイズ、行間に基づいて類似のスタイル未適用テキストを自動的にグループ化
  3. 使いやすいタブインターフェースでスタイル適用済みと未適用テキストを切り替え
  4. 既存のテキストスタイルライブラリと連携


使い方:

  1. テキスト要素を含むフレームを選択
  2. ドロップダウンメニューからテキストスタイルを選択
  3. 「Apply Styles」をクリックして、選択したすべてのテキストレイヤーを一度に更新


注意:このプラグインは、Figma APIの制約により、デザイントークンやローカル変数を使用するテキストスタイルでは制限がある場合があります。


このプラグインは、Figmaデザイン全体でテキストスタイリングを迅速かつ効率的に行い、デザインの一貫性を維持するのに役立ちます。

Plugin Details

Version2
CreatedFebruary 27, 2025
Last UpdatedMarch 12, 2025
Categoryediting & effects plugins
CreatorYasuto Yokota
Stats4 installs, 0 likes
PricingFree

Technical Details

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