Sketch ((Strings))

Sketch プラグインをセットアップする手順は、次のとおりです。

Sketchに接続

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

準備

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

Sketchから翻訳をプッシュ

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

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

デフォルトでは、特定の artboard または text 要素が選択されていない場合、統合機能は現在選択されている ページのすべてのコンテンツを選択済みと見なします。ページ以外のコンテンツ要素が選択されるとすぐに、その選択のみがプッシュまたはプルされます。

キー名のカスタマイズ

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

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

コンテキストアートボードのスクリーンショットで翻訳

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

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

翻訳をSketchにプル

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

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

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

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

変更プロジェクト

プロジェクト変更手順は、次のとおりです。

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

文字数制限を設定する

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

専用タグを使用

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

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

Sketch.Your_File_Name.Date

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

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

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

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