swap text styles

テキストスタイルを交換します

これは、さまざまなフォントファミリの使用が特定の設計でどのように表示されるかをテストするためのプライベートFigmaプラグインです。ローカルテキストスタイルを使用して、フォントファミリとスタイリングを識別して交換します。誰もがこれを複製し、ファイルでテストすることができます。

使い方

このプラグインは、スワッピングにテキストスタイルに依存しています。開始するために：

1. 探索したい各フォントファミリのテキストスタイルを作成します。必ず階層を持っているようにしてください（見出し1、見出し2など）
2. テキストスタイルの1つを使用してデザインを作成します
3. Figmaプラグインを実行するように環境を設定します（Figmaのドキュメントを参照）
4. コードの次の領域をニーズに置き換えます。

• code.tsの16〜74行にフォントファミリとスタイルを追加します。
• code.tsの93-271行にスタイルIDを追加します。 Figmaでコンソールを開き、figma.getLocalTextStyles（）を実行して、各ノードのIDをチェックすることにより、ファイルにこれらを見つけることができます。
• code.tsで291-353行のスタイルを調整します。
• UI.htmlの5〜13行目の言語を調整します。

5. フレームを選択し、プラグインを実行してください！

デモ

私のファイルには、見出し1から小さなボディまでの9つのフォントがあります。この例は、Noto SansからTahomaへのひっくり返っていることを示しています。