統合機能

Sketch (Strings)

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

対象

  • すべての有料プラン

対象

  • AdvancedプランとEnterpriseプラン(レガシー)

ライセンスについては、営業部門にお問い合わせください。

Sketchは macOS 用の ベクターグラフィックスエディタです。これは主にウェブサイトやモバイルアプリのユーザーインターフェースやユーザーエクスペリエンスのデザインに使用されます。

Sketchプラグインは、Sketch内のデザインから文字列管理プロジェクトにコンテンツを同期する機能を提供します。コンテンツはエディタで翻訳され、完了後にSketchに同期されます。

このインテグレーションはブランチの使用をサポートしています。

ロケールはプロジェクト内で設定するだけで同期が機能し、翻訳者にコンテンツのアップロード権限が明示的に付与されている必要があります。

一括翻訳を使用する場合は、新たにアップロードされたキーにのみ適用されます。更新された翻訳には、一括翻訳は適用されません。

プラグインをインストールする

Sketchプラグインを設定するには、次の手順に従います。

  1. Sketchアプリケーションがすでにインストールされていることを確認してください。

  2. Phrase Stringsのインテグレーションページから、Sketchインテグレーションまでスクロールし、ダウンロードをクリックします。

    プラグインがダウンロードされます。

  3. ファイルアーカイブを解凍し、 phraseapp-plugin.sketchplugin ファイルをダブルクリックします。

    Sketchアプリケーションはプラグインのインストールを確定します。

Sketchプラグインを使用する

Sketchに接続

プラグインメニューの Phrase をクリックし、Phrase認証情報でログインしてSketchをPhraseに接続します。まだPhraseで組織が設定されていない場合は、[サインアップ]をクリックして14日間の無料トライアルに登録してください。

準備

プロジェクトを作成して、少なくとも1つのロケールをアップロードおよび追加します。既存のプロジェクトを使用することも可能です。

Sketchから翻訳をプッシュ

Sketchファイルから専用のプロジェクトにコンテンツを同期するには、ツールバーの プッシュをクリックします。プッシュする翻訳の数がボタンに表示されます。翻訳を転送するには、もう一度ボタンをクリックします。

ページの特定の要素を選択する

既定では、特定の artboard または text 要素が選択されていない場合、インテグレーションは現在選択されている ページのすべてのコンテンツが選択されます。ページ以外のコンテンツ要素を選択すると、その要素だけがプッシュまたはプルされます。

キー名のカスタマイズ

キー名はカスタマイズまたは自動生成できます。Sketchからコンテンツをプッシュすると、選択したすべてのテキスト要素に対してキー名が自動的に作成されます。これらのキー名は Page.Artboard.Textelement の名前をまとめたものです。

キーの命名について社内ガイドラインまたは慣行が設定されている場合は、Phrase Toolbar 内でキー名をカスタマイズします 。テキストレイヤーを選択し、専用の入力フィールドでキー名を編集します。

コンテキストアートボードのスクリーンショットを使用して翻訳する

インテグレーションのスクリーンショット機能は、Sketchアートボードのスクリーンショットを自動的に撮影し、アップロードして各キーにリンクします。コピーライターや翻訳者は、翻訳エディタのサイドバーにある専用のスクリーンショットにアクセスし、マーカーでコピーを表示します。

少なくとも1つのアートボードが必要です。すべてのプロジェクトでスクリーンショットをアップロードできるのは、管理者またはプロジェクトマネージャー の役割のみです。開発者のロールを持つプロジェクトメンバーは、その特定のプロジェクト内でスクリーンショットをアップロードして管理することができます。

翻訳をSketchにプル

翻訳の準備ができたら、[翻訳をプル]をクリックして、すべての言語の最新の更新をSketchに同期します。

専用プロジェクト内のデザイン言語に対応するすべての言語でデザインをテストします。l10nレイアウトの問題は、Sketchファイルの言語を切り替えることで特定できます。

デザインの言語を切り替える

デザインの言語をツールバーからプロジェクトで利用可能な言語に切り替えます。

プロジェクトを変更

以下の手順でプロジェクトを変更できます。

  1. ツールバーの [変更] をクリックします。

  2. プッシュ先のプロジェクトを選択します。

  3. デザインの言語を選択します。

接続されたプロジェクトの名前がツールバーに表示されます。

文字数制限の設定

要素を選択し、ツールバーの錠アイコンをクリックして、チームが従う必要がある各テキスト要素に文字数制限を適用します。インテグレーションにより、このテキストフィールドの最大文字数制限が自動的に計算され、コンテンツの次のプッシュ時に送信されます。

専用タグを活用

Sketchとのインテグレーションを使用して定期的に新しいキーをプロジェクトに追加する場合は、さまざまな同期を固有のタグで区切ってください。

統合機能により、キーに固有のタグが自動的に作成され、整理された状態が維持されます。タグは次の構造で構築されています。

Sketch.Your_File_Name.Date

シンボルとオーバーライド

Sketchとのインテグレーションは、シンボルインスタンスのテキストを上書きすることを完全にサポートしています。ネストされたシンボルもサポートされています。

Sketchインテグレーションを他のSketchインテグレーションと組み合わせる

すべてのアクションは Runner でトリガーできます。要素サイズは、翻訳をプルした後で Anima Toolkit の修正により維持できます。Anima は、 デザインの言語を切り替えるために使用できます 。

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

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.