Sketch (Strings)

Sketchプラグインをセットアップするには、以下の手順に従ってください。

Sketchに接続する

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

準備

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

Sketchから翻訳をプッシュする

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

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

デフォルトでは、特定のアートボードやテキスト要素が選択されていない場合、統合機能は現在選択されているページ内のすべてのコンテンツを選択対象とみなします。ページ以外のコンテンツ要素を選択するとすぐに、その選択範囲のみがプッシュまたはプルされます。

キー名のカスタマイズ

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

キーの命名に関する社内ガイドラインや慣習がある場合は、Phrase ツールバー内からキー名をカスタマイズします。テキストレイヤーを選択し、専用の入力フィールドでキー名を編集してください。

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

統合機能のスクリーンショット機能は、Sketchアートボードのスクリーンショットを自動的に撮影してアップロードし、それぞれのキーにリンクします。コピーライターや翻訳者は、翻訳エディタのサイドバーで専用のスクリーンショットにアクセスでき、コピーにはマーカーが表示されます。

少なくとも1つのアートボードが配置されている必要があります。すべてのプロジェクトでスクリーンショットをアップロードできるのは、管理者またはプロジェクトマネージャーの役割を持つユーザーのみです。Developerの役割を持つプロジェクトメンバーは、その特定のプロジェクトでスクリーンショットをアップロードおよび管理できます。

翻訳をSketchにプルする

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

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

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

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

プロジェクトを変更する

プロジェクトを変更するには、次の手順に従います。

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

文字数制限を設定する

要素を選択してツールバーのロックアイコンをクリックすることで、Teamが従う必要のある各テキスト要素の文字数制限を適用します。統合機能はこのテキストフィールドの最大文字数制限を自動的に計算し、次回のコンテンツのプッシュ時に送信します。

専用タグを使用する

Sketch統合機能を使用して定期的にプロジェクトに新しいキーを追加する場合は、さまざまな同期を個別のタグで区切ります。

統合機能は、キーを整理しておくために、キーの個別のタグを自動的に作成します。タグは次の構造で構築されます。

Sketch.Your_File_Name.Date

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

Sketch 統合機能は、シンボルインスタンス内のテキストのオーバーライドを完全にサポートしています。ネストされたシンボルもサポートされています。

Sketch 統合機能と他の Sketch 統合機能を組み合わせる

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