統合機能

Figma (Strings)

本コンテンツはPhrase Language AIの機械翻訳により、英語から翻訳されています。

利用可能対象

  • すべての有料プラン

利用可能対象

  • 高度なエンタープライズプラン(従来)

ライセンスに関する質問は、営業担当までお問い合わせください。

ヒント

FigmaのPhrase TMS統合に関する情報は、Figma (TMS)を参照してください。

Figmaプラグインは、デザインコンテンツをPhraseプロジェクトに統合し、製品デザインとローカリゼーションチームのギャップを埋めます。プラグインは、コンテンツのプッシュ、翻訳のプル、およびFigmaとPhrase Strings間のキー管理をサポートします。

  • ブランチ機能がサポートされています。

  • 翻訳者ユーザー権限を持つ少なくとも1つのプロジェクトと1つの言語へのアクセスが必要です。アクセスは、招待状管理者またはプロジェクトマネージャによって送信されることで付与されます。

  • プラグインは、子要素でない自動レイアウトフレームのスクリーンショットを送信します。

  • デフォルトでは、隠れたテキストレイヤーは統合に含まれません。これは、設定Setup_gear.png選択に隠れたレイヤーまたはフレームを含めるを選択することで変更できます。

  • デフォルトでは、プラグイン内の選択されたタグはプッシュプロセス後にクリアされます。これは、設定Setup_gear.pngプッシュ後にタグをクリアするオプションを無効にすることで変更できます。

  • プラグインのデフォルト設定Setup_gear.pngに加えられた変更は保存され、持続します。

Figmaプラグインをインストールして接続する

プラグインを実行するには、Figmaのプラグインブラウザ内またはFigmaコミュニティから選択し、試してみるをクリックします。プラグインはFigmaのプラグインメニューで利用可能になります。

FigmaからPhraseへの接続は、Phraseの認証情報、アクセス トークン、またはシングルサインオン(SSO)を使用して行うことができます。

SSOでサインインするには:

  1. プラグインのログイン画面で、SSOでサインインを選択します。

  2. 組織IDを入力します。

  3. 開いたブラウザタブでログインを完了します。

    プラグインに戻り、すでに認証されています。

接続が確立されると、フレームを選択することでFigmaのコンテンツと、ユーザーがPhrase Stringsにプッシュまたはプルできるキーのプレビューが読み込まれます。

キーを接続タブでは、FigmaのレイヤーをStringsのプロジェクトに既に存在するキーに接続できます。レイヤーとキーの命名規則が同じであれば、自動的に一致させることができます。

プラグインはFigmaのサイドバーにある専用ボタンを通じてアクセスできます:

  • Phrase Strings

    プラグインを開くにはクリックします。

  • Stringsのテキストを表示

    Stringsプロジェクトに接続されたFigmaファイルに表示されます。翻訳エディタで関連するプロジェクトを開くにはクリックします。

コンテンツをプッシュ

Phraseにコンテンツをプッシュタブでは、FigmaからPhrase Stringsにフレームやテキストレイヤーをローカライズのために送信できます。保護されたメインブランチにコンテンツをプッシュすることはできません。

プロジェクト、ブランチ(使用している場合)、およびプッシュするコンテンツの言語を選択します。オプションで、アップロードされたキーに追加するカスタムタグを入力します。

空欄または重複したキー名は、コンテンツ列の赤いカウンターでフラグが立てられます。長いキー名のリストを管理するには、並べ替え Sort Filter ドロップダウンを使用して、不完全なキー名を最初に表示または重複したキー名を最初に表示します。

備考

選択した並べ替えオプションは、今後のセッションで記憶されます。

キー名入力が空であるか、無効な文字を含むか、保護されたメインブランチが選択されている場合、フレーズにプッシュボタンは無効になります。

キー名入力を編集し、名前の競合を解決するには、キー名で作業する設定を選択します。必要に応じて、希望するキーを選択し、テーブルの上部にあるレイヤーを除外をクリックして、プラグインからそれらのレイヤーを削除します。

競合するキー名を持つ切断されたレイヤーがある場合、次の解決オプションのいずれかを選択して続行します:

  • フレーズの文字列にキーのコピーを作成

    -コピーサフィックスを持つ新しいキーを作成します。

  • 既存のキーと接続

    レイヤーを既存のフレーズキーにリンクします。

  • 競合するキーをプッシュしない

    競合しないレイヤーのみをプッシュします。

Figmaプレビューをアップロードオプションが有効になっている場合、ユーザーはFigmaプレビューに含めるターゲット言語を選択できます。言語が選択されていない場合、すべての言語がデフォルトで含まれます。

レイヤーがStringsに正常にプッシュされた場合、プッシュ完了ウィンドウが表示され、要約と次のオプションが表示されます:

  • 作成 ジョブ

    プッシュされたキーが事前に選択されたジョブを作成ページを開くにはクリックします。

    重要

    アップロード Figma プレビュー オプションが有効になっている場合、ジョブが自動的に Strings に作成されます。一度有効にすると、無効にすることはできません。

  • Strings で開く

    Strings Editor でプッシュされたキーを表示するにはクリックしてください。

コンテンツをプッシュした後に Strings で名前が変更されたキーの隣に、黄色の警告アイコン Warning が表示されます。Figma プラグインでキー名を更新するには、ミスマッチしたキー名の隣にある省略記号 More Menu メニューから キー名を同期 を選択します。

プッシュオプションとアクション

必要に応じて、以下のプッシュオプションをオンまたはオフに切り替えるには、オプションを表示 More Menu メニューをクリックしてください。

  • スクリーンショットをアップロード はデフォルトで有効です。フレーム内の選択したレイヤーのスクリーンショットを添付することができます:

    • 選択に隠れたレイヤーまたはフレームを含める 設定が有効になっている場合、Figma プラグインでインポートされた隠れたテキストレイヤーには、スクリーンショットの左上隅にマーカーが配置されます。

    • スクリーンショットからセクションを除外 設定が有効になっている場合、Figma セクションのスクリーンショットは作成されません。

      セクション内で作業中にプラグインのパフォーマンスに問題がある場合は、このオプションを有効にしておくことをお勧めします。

  • Phrase Strings のコンテンツを更新 はデフォルトで有効です。

  • Phrase Strings のキー名を更新 はデフォルトで有効ですが、Figma でキー名を扱う 設定が無効になっている場合は除きます。

    このオプションをオフにすると、すべてのキー名入力がリセットされます。

  • 選択したキーから HTML バンドルをエクスポートするには アップロード Figma プレビュー を有効にします。

    このオプションは、Strings から同期された ジョブ で作業する際に TMS CAT エディタで コンテキスト内プレビュー を生成するために必要です。

    ユーザーは、コンテンツをプッシュする際に Figma プレビューに含めるターゲット言語を選択することができます。言語が選択されていない場合、すべての言語がデフォルトで含まれます。

    プレビューが正常に生成されると、ジョブがStringsに自動的に作成されます。Stringsプロジェクト内のアクティブなジョブ自動化は、重複したジョブを避けるためにスキップされます。

    プレビューが10MBの制限を超えると、キーはStringsにプッシュされますが、プレビューを持つジョブは作成されません。

    備考

    StringsエディタでFigmaプレビューを使用するには、Figmaプレビューを追加アクションをコンテキストサイドバーで使用します。

  • コンテンツのフォーマットとスタイルを保持を有効にして、FigmaからPhraseにコンテンツをプッシュし、翻訳を引き戻す際にリッチテキストフォーマット(リスト、改行、太字/斜体、リンクなど)を保持します。

    有効にすると、HTMLフォーマットタグが自動的に追加され、インラインスタイリングを保持し、Stringsから同期されたジョブで作業する際にTMSのコンテキストプレビューでサポートされます。HTMLフォーマットタグはStringsエディタとFigmaに引き戻されたエクスポートされた翻訳に表示されます。

    リッチフォーマットが不要な場合は、このオプションを無効にして手動調整を避けてください。

    この設定はファイルレベルで適用され、ファイル内で作業するすべてのコラボレーターに影響します。このオプションは新しいファイルに対して記憶されます。

接続されたレイヤーについて、関連する省略記号More Menuメニューで次のアクションが利用可能です:

  • キーの詳細を表示を選択して、Phrase Stringsでキーの説明を表示/編集するか、キーの文字制限を設定します。キーの詳細ウィンドウで保存された変更は、エディタページを更新した後、Stringsエディタサイドバーに表示されます。

    ヒント

    Phraseにコンテンツをプッシュタブで複数のキーを選択し、バッチアクション文字制限を設定を使用して、選択したすべてのキーに一度に文字制限を設定します。

  • エディタでキーを開くを選択して、Stringsエディタ内の関連するキーに移動します。

  • Phrase Stringsからコンテンツを切断を選択して、レイヤーを既存のキーから切断します。

重複したコンテンツを管理する

コンテンツをプッシュする際、重複したコンテンツを持つレイヤーは、Strings内に全く同じテキストを含む複数のキーを生成します。ユーザーは、Phraseにコンテンツをプッシュウィンドウでこの重複したコンテンツを管理する方法を決定できます:

  • 重複したコンテンツを持つ複数のキーを作成することが意図的な場合は、マージせずに進むを選択します。

  • 重複したコンテンツを1つのキーに結合するには、次の手順に従います:

    1. リストから2つ以上のキーを選択し、Merge キーに結合...をクリックします。

      結合可能なキーのドロップダウンが表示されます。

    2. 重複したコンテンツを結合するキーを選択します。

      選択したキーは、Phraseにコンテンツをプッシュウィンドウ内で青い結合アイコンMerge to a Keyでマークされます。

    3. 続行をクリックし、重複したコンテンツを結合ポップアップで結合してプッシュを選択して確認します。

      重複したコンテンツは1つのキーに結合され、すべての関連レイヤーはそのキーに接続されます。

  • リストの最初のキーに一部またはすべての重複したコンテンツを結合するには、次の手順に従います:

    1. リストから複数またはすべてのキーを選択し、Merge 最初のキーにすべての重複を結合をクリックします。

    2. 続行をクリックし、重複したコンテンツを結合ポップアップで結合してプッシュを選択して確認します。

      重複したコンテンツは1つのキーに結合され、すべての関連レイヤーはそのキーに接続されます。

    このオプションは、多くの重複がある大きなファイルに便利で、ユーザーがすべての重複を最初に見つかったキーに1回の操作で結合できるようにします。

自動除外レイヤー

自動除外レイヤー設定は、名前の接頭辞に基づいてPhraseにコンテンツをプッシュタブからテキストレイヤーを削除します。有効にすると、接頭辞が_または.のいずれかのレイヤーは自動的に除外されます。

この設定はデフォルトでオフになっており、ファイルごとに適用されます。オフにされるまで、そのファイル内のすべての名前付きレイヤーに対して有効です。

除外は選択を超えて持続します。コンポーネントの場合、コンポーネントのレイヤーが接頭辞付きであり、自動除外レイヤーが有効になっている場合、そのコンポーネントを使用する下流のデザインは除外を継承します。

プッシュから接頭辞付きレイヤーを自動除外するには:

  1. Figmaでは、除外するテキストレイヤーに_または.の接頭辞を付けます。これもバッチで行うことができます。

  2. プラグイン設定を開き、自動除外レイヤーを有効にします。

キー命名の設定

プラグイン設定のキー命名セクションでは、接続されたキーの命名規則を設定できます。

Figmaでキー名をカスタマイズするには、次の手順に従います:

  1. スマートキー命名を有効にするキー命名設定からクリックします。

  2. Figmaでキー名を扱うを選択します。

    備考

    テキストレイヤー名をキーと同期するが有効になっている場合、キー名はテキストレイヤー名に基づいて自動的に生成されます。

  3. キー名生成フィールドに、カスタムキー命名を定義するためのテキストを入力します:

    • オプションで、利用可能なマクロをクリックして、キー名を自動生成するためのサポートされているマクロの1つを選択します。

      複数のマクロを選択してキー名を構成できます。

    • キー名生成フィールドで自由なテキストとマクロを組み合わせることが可能です。

      をクリックして、あらかじめ定義された例の1つを表示し、選択します。

  4. 必要に応じて、書式設定規則のドロップダウンから書式設定オプションを選択し、テキストを適切に修正し、スペースを削除します。

コンテンツをPhrase Stringsにプッシュする際、以前に接続されたキーに新しく作成した命名規則を適用します:

  • テーブルの下部にある更新Refresh Listアイコンをクリックします。

  • 特定のキーを選択し、テーブルの上部でキー名を再生成をクリックします。

利用可能なマクロ

マクロ

項目

{file_name}

Figmaファイルの名前

{page}

キーが特定されているFigmaページ

{parent_section}

ページツリーの最上位セクション

{nearest_section}

ページツリーのテキストレイヤーに最も近いセクション

{frame}

キーが特定されているフレーム

{parent_group}

ページツリーの最上位グループ

{nearest_group}

ページツリーのテキストレイヤーに最も近いグループ

{component}

キーが存在するFigmaコンポーネントの名前。ソースコンポーネントのみが考慮されます。

{element_name}

テキストレイヤーの名前

{element_content}

テキストレイヤーからのコンテンツ

{random}

ランダムに生成されたユニークな短いハッシュ

キーを接続または切断する

コンテンツをプッシュする際、ユーザーはPhrase Stringsの既存のキーにレイヤーを接続するか、新しいキーを生成できます。

接続されたキーと切断されたキーの概要を表示するには、キーを接続タブを選択します。

すでに接続されているキーは、キー名列のリンクConnected Keyアイコンで識別されます。必要に応じて、プロジェクト、ブランチ(使用している場合)、言語を選択するか、検索アイコンをクリックして目的のコンテンツを見つけてください。

タブ内のすべての未リンクキーを一括接続するには、キーを接続を選択します。個々のキーを接続または切断するには、対応するエントリーの右側にある関連アイコンをクリックします。

備考

個々のキーを切断するオプションは、コンテンツをプッシュをフレーズタブでも利用可能です。

新しい接続ビュー(ベータ)

新しいビューは、現在の選択からのテキストレイヤーを接続ステータスとともに単一のテーブルにリスト表示し、以前のキーベースのリストを置き換えます。

備考

ベータを有効にする前にプラグインを再起動して、最新のバージョンが読み込まれるようにします。

新しい接続ビューを有効にするには:

  1. プラグインを開き、設定アイコンをクリックします。

  2. プラグイン設定の下で、新しい接続ビューを使用する(ベータ)を有効にします。

  3. 接続キーを開いて、接続されたコンテンツのリストを確認します。

以前の接続ビューは引き続き利用可能です。プラグイン設定で新しい接続ビューを使用するを無効にして元に戻します。

単一のレイヤーを接続するには、それを選択して2つのタブを持つウィンドウを開きます:

  • 提案: 正確な名前の一致と一致する翻訳コンテンツを持つキーを表示します。

  • 検索: 名前またはコンテンツで全てのキーを検索します。

複数のレイヤーに対して操作を行うには、それらを選択してバッチアクショントレイを表示します:

  • キー名で接続: 正確な名前の一致を持つキーにレイヤーを接続します。

  • コンテンツで接続: 一致する翻訳コンテンツを持つキーにレイヤーを接続します。

  • レイヤーを切断: 選択したレイヤーから接続を削除します。

翻訳を取得する

翻訳が完了したら、翻訳を取得するFigmaレイヤーまたはフレームを選択し、Figmaにコンテンツをプルタブをクリックします。

ユーザーはプロジェクト、ブランチ(使用されている場合)および取得するコンテンツの言語を選択できます。タグはFigmaに戻すことはできません。

キー名の長いリストを管理するには、並べ替え Sort Filter ドロップダウンを使用して、不完全なキー名を最初に表示し、潜在的な問題に対処します。必要に応じて、特定のキーを選択し、テーブルの上部にあるレイヤーを除外をクリックして、それらのレイヤーをプラグインから削除します。

備考

選択した並べ替えオプションは、今後のセッションで記憶されます。

表示オプション More Menu メニューをクリックして、Figmaで取得したコンテンツの表示方法を選択します:

  • 言語ごとに新しいページを作成

    デフォルトで選択されています。複数の言語を取得する際には、選択された各言語ごとに別々のFigmaページが作成され、ページのすべてのレイヤーが含まれます。

    備考

    Figma Buzzでは、翻訳されたコンテンツで新しい行を作成オプションが表示されます。

  • すべての言語を含む単一のページを作成

    単一の新しいページを作成し、選択された翻訳コンテンツを言語ごとの列に並べて配置します。このオプションは、Figmaページ全体を複製するのではなく、アクティブな選択にのみ焦点を当てます。

    プルパフォーマンスを向上させ、不要なファイルサイズを削減するために、大きなファイルに推奨されます。

  • 翻訳でテキストレイヤーを上書き

    選択されたテキストレイヤーは翻訳で上書きされ、ビューポートに更新されます。

    このオプションは、複数の言語を取得する際に自動的に無効になります。

  • コンテンツの代わりにキー名を表示

    デフォルトで無効になっています。有効にすると:

    • キー名が取得され、翻訳されたコンテンツの代わりに表示されます。

    • 選択したコンテンツの言語を選ぶことはもはやできません。

  • 選択した言語でコンテンツをプレビュー

    設定は今後のセッションのために記憶されます。

    • 無効にすると、コンテンツ列は選択したレイヤーのコンテンツを直接表示します。

    • 有効にすると、コンテンツ列は接続されたレイヤーの選択した言語でのコンテンツのプレビューを表示します。

      • 切断されたレイヤーの場合、選択した言語でのプレビューを表示するには、既存のキーと接続オプションを有効にしてください。同じ名前のキーがプルされたデータに存在する場合、そのキーのコンテンツがプレビューとして使用されます。

    このオプションは、複数の言語を取得する際に自動的に無効になります。

  • 既存のキーと接続

    Figmaでデータをプルする際に、切断されたレイヤーがどのように処理されるかを制御します。設定は今後のセッションのために記憶されます。

    • 有効にすると、システムはプルされたデータに同じ名前のキーが存在するかどうかを確認します。

      一致が見つかった場合:

      • 切断されたレイヤーは一致するキーに接続されます。

      • レイヤーのコンテンツは、既存のキーからプルされたコンテンツで更新されます。

    • 無効にすると、切断されたレイヤーは、プルされたデータに一致するキーが存在しても更新されません。

コンテンツがFigmaに正常にプルされた場合、プル完了ウィンドウが表示され、更新されたレイヤーの概要が表示されます。

複数の言語のためにプルする際、エディタでキーを開くボタンは、プロジェクトのデフォルト言語をソース言語としてキーを開きます。

Figma Buzz

Figma Buzzは、ブランドデザイナーとマーケティングチームがFigmaエコシステム内でスケールに合わせてブランドに沿ったビジュアル資産を直接作成できるツールです。テンプレートのシステム、簡略化されたデザインエディタ、資産の一括作成、AI駆動の編集が含まれています。

BuzzのPhrase Stringsプラグインは、Figma Design統合と同じ機能を提供することにより、Buzz内でテキストコンテンツを直接ローカライズすることを可能にします:

備考

ライブプレビューはサポートされていません。

プラグインはBuzzのプラグインメニューから利用できます。一度アクティブ化されると、将来の使用のために保存でき、Figma Buzzのサイドバーからモーダルを開いて選択したデザインで実行できます。テキストレイヤーは自動的に検出され、プラグインに表示されます。

デザインコンテンツは、翻訳のために接続されたStringsプロジェクトにプッシュできます。翻訳後、ユーザーはローカライズされたコンテンツをBuzzに戻すことができ、デザインの翻訳版を含む新しい行が作成されます。

この記事は役に立ちましたか?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.