ヒント
FigmaのPhrase TMS統合に関する情報は、Figma (TMS)を参照してください。
Figmaプラグインは、デザインコンテンツをPhraseプロジェクトに統合し、製品デザインとローカリゼーションチームのギャップを埋めます。プラグインは、コンテンツのプッシュ、翻訳のプル、およびFigmaとPhrase Strings間のキー管理をサポートします。
-
ブランチ機能がサポートされています。
-
翻訳者ユーザー権限を持つ少なくとも1つのプロジェクトと1つの言語へのアクセスが必要です。アクセスは、招待状が管理者またはプロジェクトマネージャによって送信されることで付与されます。
-
プラグインは、子要素でない自動レイアウトフレームのスクリーンショットを送信します。
-
デフォルトでは、隠れたテキストレイヤーは統合に含まれません。これは、設定
でを選択することで変更できます。
-
デフォルトでは、プラグイン内の選択されたタグはプッシュプロセス後にクリアされます。これは、設定
でオプションを無効にすることで変更できます。
-
プラグインのデフォルト設定
に加えられた変更は保存され、持続します。
プラグインを実行するには、Figmaのプラグインブラウザ内またはFigmaコミュニティから選択し、試してみるをクリックします。プラグインはFigmaのメニューで利用可能になります。
FigmaからPhraseへの接続は、Phraseの認証情報、アクセス トークン、またはシングルサインオン(SSO)を使用して行うことができます。
SSOでサインインするには:
接続が確立されると、フレームを選択することでFigmaのコンテンツと、ユーザーがPhrase Stringsにプッシュまたはプルできるキーのプレビューが読み込まれます。
タブでは、FigmaのレイヤーをStringsのプロジェクトに既に存在するキーに接続できます。レイヤーとキーの命名規則が同じであれば、自動的に一致させることができます。
プラグインはFigmaのサイドバーにある専用ボタンを通じてアクセスできます:
-
Phrase Strings
プラグインを開くにはクリックします。
-
Stringsのテキストを表示
Stringsプロジェクトに接続されたFigmaファイルに表示されます。翻訳エディタで関連するプロジェクトを開くにはクリックします。
タブでは、FigmaからPhrase Stringsにフレームやテキストレイヤーをローカライズのために送信できます。保護されたメインブランチにコンテンツをプッシュすることはできません。
プロジェクト、ブランチ(使用している場合)、およびプッシュするコンテンツの言語を選択します。オプションで、アップロードされたキーに追加するカスタムタグを入力します。
空欄または重複したキー名は、列の赤いカウンターでフラグが立てられます。長いキー名のリストを管理するには、 ドロップダウンを使用して、またはします。
備考
選択した並べ替えオプションは、今後のセッションで記憶されます。
キー名入力が空であるか、無効な文字を含むか、保護されたメインブランチが選択されている場合、フレーズにプッシュボタンは無効になります。
キー名入力を編集し、名前の競合を解決するには、設定を選択します。必要に応じて、希望するキーを選択し、テーブルの上部にあるレイヤーを除外をクリックして、プラグインからそれらのレイヤーを削除します。
競合するキー名を持つ切断されたレイヤーがある場合、次の解決オプションのいずれかを選択して続行します:
-
-コピーサフィックスを持つ新しいキーを作成します。 -
レイヤーを既存のフレーズキーにリンクします。
-
競合しないレイヤーのみをプッシュします。
Figmaプレビューをアップロードオプションが有効になっている場合、ユーザーはFigmaプレビューに含めるターゲット言語を選択できます。言語が選択されていない場合、すべての言語がデフォルトで含まれます。
レイヤーがStringsに正常にプッシュされた場合、ウィンドウが表示され、要約と次のオプションが表示されます:
-
作成 ジョブ
プッシュされたキーが事前に選択されたページを開くにはクリックします。
重要
アップロード Figma プレビュー オプションが有効になっている場合、ジョブが自動的に Strings に作成されます。一度有効にすると、無効にすることはできません。
-
Strings で開く
Strings Editor でプッシュされたキーを表示するにはクリックしてください。
コンテンツをプッシュした後に Strings で名前が変更されたキーの隣に、黄色の警告アイコン が表示されます。Figma プラグインでキー名を更新するには、ミスマッチしたキー名の隣にある省略記号
メニューから キー名を同期 を選択します。
プッシュオプションとアクション
必要に応じて、以下のプッシュオプションをオンまたはオフに切り替えるには、 メニューをクリックしてください。
-
スクリーンショットをアップロード はデフォルトで有効です。フレーム内の選択したレイヤーのスクリーンショットを添付することができます:
-
設定が有効になっている場合、Figma プラグインでインポートされた隠れたテキストレイヤーには、スクリーンショットの左上隅にマーカーが配置されます。
-
設定が有効になっている場合、Figma セクションのスクリーンショットは作成されません。
セクション内で作業中にプラグインのパフォーマンスに問題がある場合は、このオプションを有効にしておくことをお勧めします。
-
-
Phrase Strings のコンテンツを更新 はデフォルトで有効です。
-
Phrase Strings のキー名を更新 はデフォルトで有効ですが、 設定が無効になっている場合は除きます。
このオプションをオフにすると、すべてのキー名入力がリセットされます。
-
選択したキーから HTML バンドルをエクスポートするには アップロード Figma プレビュー を有効にします。
このオプションは、Strings から同期された ジョブ で作業する際に TMS CAT エディタで コンテキスト内プレビュー を生成するために必要です。
ユーザーは、コンテンツをプッシュする際に Figma プレビューに含めるターゲット言語を選択することができます。言語が選択されていない場合、すべての言語がデフォルトで含まれます。
プレビューが正常に生成されると、ジョブがStringsに自動的に作成されます。Stringsプロジェクト内のアクティブなジョブ自動化は、重複したジョブを避けるためにスキップされます。
プレビューが10MBの制限を超えると、キーはStringsにプッシュされますが、プレビューを持つジョブは作成されません。
備考
StringsエディタでFigmaプレビューを使用するには、Figmaプレビューを追加アクションをコンテキストサイドバーで使用します。
-
コンテンツのフォーマットとスタイルを保持を有効にして、FigmaからPhraseにコンテンツをプッシュし、翻訳を引き戻す際にリッチテキストフォーマット(リスト、改行、太字/斜体、リンクなど)を保持します。
有効にすると、HTMLフォーマットタグが自動的に追加され、インラインスタイリングを保持し、Stringsから同期されたジョブで作業する際にTMSのコンテキストプレビューでサポートされます。HTMLフォーマットタグはStringsエディタとFigmaに引き戻されたエクスポートされた翻訳に表示されます。
リッチフォーマットが不要な場合は、このオプションを無効にして手動調整を避けてください。
この設定はファイルレベルで適用され、ファイル内で作業するすべてのコラボレーターに影響します。このオプションは新しいファイルに対して記憶されます。
接続されたレイヤーについて、関連する省略記号メニューで次のアクションが利用可能です:
-
キーの詳細を表示を選択して、Phrase Stringsでキーの説明を表示/編集するか、キーの文字制限を設定します。ウィンドウで保存された変更は、エディタページを更新した後、Stringsエディタサイドバーに表示されます。
ヒント
タブで複数のキーを選択し、バッチアクション文字制限を設定を使用して、選択したすべてのキーに一度に文字制限を設定します。
-
エディタでキーを開くを選択して、Stringsエディタ内の関連するキーに移動します。
-
Phrase Stringsからコンテンツを切断を選択して、レイヤーを既存のキーから切断します。
重複したコンテンツを管理する
コンテンツをプッシュする際、重複したコンテンツを持つレイヤーは、Strings内に全く同じテキストを含む複数のキーを生成します。ユーザーは、ウィンドウでこの重複したコンテンツを管理する方法を決定できます:
-
重複したコンテンツを持つ複数のキーを作成することが意図的な場合は、マージせずに進むを選択します。
-
重複したコンテンツを1つのキーに結合するには、次の手順に従います:
-
リストの最初のキーに一部またはすべての重複したコンテンツを結合するには、次の手順に従います:
-
リストから複数またはすべてのキーを選択し、
最初のキーにすべての重複を結合をクリックします。
-
続行をクリックし、ポップアップで結合してプッシュを選択して確認します。
重複したコンテンツは1つのキーに結合され、すべての関連レイヤーはそのキーに接続されます。
このオプションは、多くの重複がある大きなファイルに便利で、ユーザーがすべての重複を最初に見つかったキーに1回の操作で結合できるようにします。
-
自動除外レイヤー設定は、名前の接頭辞に基づいてタブからテキストレイヤーを削除します。有効にすると、接頭辞が_または.のいずれかのレイヤーは自動的に除外されます。
この設定はデフォルトでオフになっており、ファイルごとに適用されます。オフにされるまで、そのファイル内のすべての名前付きレイヤーに対して有効です。
除外は選択を超えて持続します。コンポーネントの場合、コンポーネントのレイヤーが接頭辞付きであり、自動除外レイヤーが有効になっている場合、そのコンポーネントを使用する下流のデザインは除外を継承します。
から接頭辞付きレイヤーを自動除外するには:
プラグイン設定のセクションでは、接続されたキーの命名規則を設定できます。
Figmaでキー名をカスタマイズするには、次の手順に従います:
-
スマートキー命名を有効にするを設定からクリックします。
-
を選択します。
備考
が有効になっている場合、キー名はテキストレイヤー名に基づいて自動的に生成されます。
-
フィールドに、カスタムキー命名を定義するためのテキストを入力します:
-
オプションで、利用可能なマクロをクリックして、キー名を自動生成するためのサポートされているマクロの1つを選択します。
複数のマクロを選択してキー名を構成できます。
-
フィールドで自由なテキストとマクロを組み合わせることが可能です。
例をクリックして、あらかじめ定義された例の1つを表示し、選択します。
-
-
必要に応じて、のドロップダウンから書式設定オプションを選択し、テキストを適切に修正し、スペースを削除します。
コンテンツをPhrase Stringsにプッシュする際、以前に接続されたキーに新しく作成した命名規則を適用します:
-
テーブルの下部にある更新
アイコンをクリックします。
-
特定のキーを選択し、テーブルの上部でキー名を再生成をクリックします。
利用可能なマクロ
|
マクロ |
項目 |
|---|---|
|
{file_name} |
Figmaファイルの名前 |
|
{page} |
キーが特定されているFigmaページ |
|
{parent_section} |
ページツリーの最上位セクション |
|
{nearest_section} |
ページツリーのテキストレイヤーに最も近いセクション |
|
{frame} |
キーが特定されているフレーム |
|
{parent_group} |
ページツリーの最上位グループ |
|
{nearest_group} |
ページツリーのテキストレイヤーに最も近いグループ |
|
{component} |
キーが存在するFigmaコンポーネントの名前。ソースコンポーネントのみが考慮されます。 |
|
{element_name} |
テキストレイヤーの名前 |
|
{element_content} |
テキストレイヤーからのコンテンツ |
|
{random} |
ランダムに生成されたユニークな短いハッシュ |
コンテンツをプッシュする際、ユーザーはPhrase Stringsの既存のキーにレイヤーを接続するか、新しいキーを生成できます。
接続されたキーと切断されたキーの概要を表示するには、タブを選択します。
すでに接続されているキーは、列のリンクアイコンで識別されます。必要に応じて、プロジェクト、ブランチ(使用している場合)、言語を選択するか、検索アイコンをクリックして目的のコンテンツを見つけてください。
タブ内のすべての未リンクキーを一括接続するには、キーを接続を選択します。個々のキーを接続または切断するには、対応するエントリーの右側にある関連アイコンをクリックします。
備考
個々のキーを切断するオプションは、タブでも利用可能です。
新しいビューは、現在の選択からのテキストレイヤーを接続ステータスとともに単一のテーブルにリスト表示し、以前のキーベースのリストを置き換えます。
備考
ベータを有効にする前にプラグインを再起動して、最新のバージョンが読み込まれるようにします。
を有効にするには:
以前の接続ビューは引き続き利用可能です。プラグイン設定でを無効にして元に戻します。
単一のレイヤーを接続するには、それを選択して2つのタブを持つウィンドウを開きます:
-
提案: 正確な名前の一致と一致する翻訳コンテンツを持つキーを表示します。
-
検索: 名前またはコンテンツで全てのキーを検索します。
複数のレイヤーに対して操作を行うには、それらを選択してバッチアクショントレイを表示します:
-
キー名で接続: 正確な名前の一致を持つキーにレイヤーを接続します。
-
コンテンツで接続: 一致する翻訳コンテンツを持つキーにレイヤーを接続します。
-
レイヤーを切断: 選択したレイヤーから接続を削除します。
翻訳が完了したら、翻訳を取得するFigmaレイヤーまたはフレームを選択し、タブをクリックします。
ユーザーはプロジェクト、ブランチ(使用されている場合)および取得するコンテンツの言語を選択できます。タグはFigmaに戻すことはできません。
キー名の長いリストを管理するには、 ドロップダウンを使用して、し、潜在的な問題に対処します。必要に応じて、特定のキーを選択し、テーブルの上部にあるレイヤーを除外をクリックして、それらのレイヤーをプラグインから削除します。
備考
選択した並べ替えオプションは、今後のセッションで記憶されます。
メニューをクリックして、Figmaで取得したコンテンツの表示方法を選択します:
-
デフォルトで選択されています。複数の言語を取得する際には、選択された各言語ごとに別々のFigmaページが作成され、ページのすべてのレイヤーが含まれます。
備考
Figma Buzzでは、オプションが表示されます。
-
単一の新しいページを作成し、選択された翻訳コンテンツを言語ごとの列に並べて配置します。このオプションは、Figmaページ全体を複製するのではなく、アクティブな選択にのみ焦点を当てます。
プルパフォーマンスを向上させ、不要なファイルサイズを削減するために、大きなファイルに推奨されます。
-
選択されたテキストレイヤーは翻訳で上書きされ、ビューポートに更新されます。
このオプションは、複数の言語を取得する際に自動的に無効になります。
-
デフォルトで無効になっています。有効にすると:
-
キー名が取得され、翻訳されたコンテンツの代わりに表示されます。
-
選択したコンテンツの言語を選ぶことはもはやできません。
-
-
設定は今後のセッションのために記憶されます。
-
無効にすると、列は選択したレイヤーのコンテンツを直接表示します。
-
有効にすると、列は接続されたレイヤーの選択した言語でのコンテンツのプレビューを表示します。
-
切断されたレイヤーの場合、選択した言語でのプレビューを表示するには、オプションを有効にしてください。同じ名前のキーがプルされたデータに存在する場合、そのキーのコンテンツがプレビューとして使用されます。
-
このオプションは、複数の言語を取得する際に自動的に無効になります。
-
-
Figmaでデータをプルする際に、切断されたレイヤーがどのように処理されるかを制御します。設定は今後のセッションのために記憶されます。
-
有効にすると、システムはプルされたデータに同じ名前のキーが存在するかどうかを確認します。
一致が見つかった場合:
-
切断されたレイヤーは一致するキーに接続されます。
-
レイヤーのコンテンツは、既存のキーからプルされたコンテンツで更新されます。
-
-
無効にすると、切断されたレイヤーは、プルされたデータに一致するキーが存在しても更新されません。
-
コンテンツがFigmaに正常にプルされた場合、ウィンドウが表示され、更新されたレイヤーの概要が表示されます。
複数の言語のためにプルする際、ボタンは、プロジェクトのデフォルト言語をソース言語としてキーを開きます。
Figma Buzzは、ブランドデザイナーとマーケティングチームがFigmaエコシステム内でスケールに合わせてブランドに沿ったビジュアル資産を直接作成できるツールです。テンプレートのシステム、簡略化されたデザインエディタ、資産の一括作成、AI駆動の編集が含まれています。
BuzzのPhrase Stringsプラグインは、Figma Design統合と同じ機能を提供することにより、Buzz内でテキストコンテンツを直接ローカライズすることを可能にします:
-
BuzzデザインからソーステキストをプッシュしてStringsに
-
Buzzに翻訳を戻す
-
キーを管理し、資産全体でテキストの一貫性を維持する
備考
ライブプレビューはサポートされていません。
プラグインはBuzzのメニューから利用できます。一度アクティブ化されると、将来の使用のために保存でき、Figma Buzzのサイドバーからモーダルを開いて選択したデザインで実行できます。テキストレイヤーは自動的に検出され、プラグインに表示されます。
デザインコンテンツは、翻訳のために接続されたStringsプロジェクトにプッシュできます。翻訳後、ユーザーはローカライズされたコンテンツをBuzzに戻すことができ、デザインの翻訳版を含む新しい行が作成されます。