💡 この記事の3行まとめ
- Figmaの画面には「選択できるテキスト」と「画像・アウトライン・結合された文字」が混在しています。後者はコピーが通らないため、矩形で囲んで読む翻訳が効きます。
- とくに効くのは表組み（列をまたがず1行ずつ囲む）と要素ラベル（ツールバー・レイヤー名・注釈の小さい文字）の2場面です。
- Mac専用OCR翻訳『Zipp』は
⌃Sのあと矩形で囲むだけ。0.3秒、Apple Visionの端末内処理で画面画像の外部保存ゼロ、無料でダウンロード（登録不要）、1日15回までです。
📌 この記事の対象読者
- Figmaのテキストをクリックしても選べず、コピーできないことがある方
- 海外チームのFigmaファイルで、表や注釈の英語を毎日読む必要がある方
- 画面の一部だけを、レイアウトを崩さずに素早く読みたい方
Figmaで「文字が選べない」のは、文字の種類が混在しているから
Figmaのファイルには、性格の違う文字が3種類あります。この3つを区別せずに翻訳しようとすると、毎回どこかで手が止まります。
1つ目は、テキストレイヤーとして作られた文字です。 クリックで選択でき、コピーもできます。ただしコピーを取って翻訳サイトに貼り、訳を読み、元の画面に戻る。この往復のあいだ、視線はFigmaから離れます。戻ってきたときには「どの行を読んでいたか」を探し直すことになります。1回なら数秒ですが、表を上から順に読む場面では、この数秒が行の数だけ積み上がります。
2つ目は、画像として貼り込まれた文字です。 他社サイトのスクリーンショット、PDFから配置した企画書、Figmaにドラッグで入れた参考画像。これらは文字ではなく絵なので、カーソルを合わせても選択できません。デザインレビューの場では、この画像の中の英語をその場で読む必要が出ます。
3つ目は、アウトライン化された文字や、結合された文字です。 ロゴ、アイキャッチの見出し、外部から持ち込んだSVG。見た目は文字でも、データとしては図形です。ここもコピーは通りません。
つまりFigmaは「読めるが選べない文字」が多い画面です。翻訳のたびにコピーを試し、失敗して、画像を保存して、別のアプリで開く。この順番になると、作業は必ず止まります。止まる原因は翻訳の難しさではなく、文字を取り出す手段が文字の種類ごとに違うことにあります。
矩形で囲む翻訳は、この3種類を区別しません。画面に出ている形をそのまま読むので、テキストレイヤーでも画像でもアウトラインでも、同じ手順で済みます。だからFigmaと相性がいい。これがこの記事の出発点です。
解決策：囲む範囲を「意味の単位」で決める
囲む翻訳が失敗するとき、たいていは囲み方が原因です。広く囲みすぎると訳が混ざり、狭く囲みすぎると主語や条件が落ちます。基準は1つで、意味の単位で囲むこと。以下、Figmaで実際に多い2場面に分けて手順を書きます。
手順1：囲む前に「1つの意味の塊」を決める
⌃S を押す前に、読む対象を声に出さずに特定します。「この表の3行目」「このボタンのラベル」「この注釈の1文」。ここが曖昧なまま囲むと、囲んだあとに「これは何の話か」を考え直すことになります。
コツは、囲む範囲に見出しや項目名を含めることです。たとえば「Required（必須）」という短いラベルだけを囲むと、訳は「必須」と出ますが、何が必須なのかは分かりません。項目名と値を1つの矩形に収めれば、訳も1つの意味として返ります。逆に、離れた場所にある2つの要素を1回で読もうとすると、あいだの余白や別の列が混ざります。1回で欲張らず、2回に分けます。
手順2：表組みは「1行ずつ・列をまたがない」
表はFigmaで最も翻訳需要が高い場所です。仕様表、料金の比較表、項目と説明の対応表。ここで押さえるのは2点だけです。
1点目は、横に長い表でも1行ずつ囲むこと。ヘッダー行と本文行を1回で囲むと、どの値がどの項目に対応するのかが訳文から落ちます。項目名と値が同じ行にあるなら、その行だけを囲めば対応は保たれます。
2点目は、列の境界をまたがないこと。隣の列の数字や単位が矩形に入ると、訳文に別の列の内容が混ざります。とくに数値と単位が別のテキストレイヤーに分かれている表では、境界が視覚的に分かりにくいので、いったんズームして列の余白を確認してから囲むと安全です。
縦に長い表を全部読む必要があるときは、上から順に1行ずつ。囲む→読む→次の行、という流れを一定のリズムにすると、指の動きが固定されて迷いません。
手順3：要素ラベルは「文脈ごと」に小さく囲む
2つ目の場面は、画面の細部にある小さい文字です。ツールバーの項目名、レイヤー名、プロパティパネルの見出し、共有リンクの注釈、コメントの1行。これらは1つひとつが短く、訳しても意味が取りにくい。だからこそ、周辺の文脈を含めて囲む価値があります。
たとえば「Auto layout」というラベルだけを囲めば「自動レイアウト」と返りますが、Figmaの文脈で何を指すのかは訳文からは分かりません。パネルの見出しと、その下の項目をまとめて囲むと、訳が「何の設定群なのか」まで含んだ形になります。逆に、ラベルが小さいからと画面全体を囲むと、無関係な要素が大量に入ります。小さい文字ほど、余白を1つ外側まで含める意識で囲むと読みやすくなります。
Zippは⌃Sのあとドラッグで囲むだけで、Apple Visionが端末内で文字を認識し、0.3秒で訳を最前面に重ねます。Figmaのズーム位置もパネルの状態もそのままなので、読んだあとはすぐ作業に戻れます。無料でダウンロード（登録不要）、1日15回まで。まずは手元のFigmaファイルの表を1行だけ囲んで、感覚を確かめてください。
矩形で囲む翻訳と、Figmaでの他の読み方 比較
【画像内の文字】
従来：コピーできず、スクリーンショットを保存して別アプリで開く
Zipp：画面のまま矩形で囲めば読める
【アウトライン文字】
従来：図形扱いのため選択不可。手入力で打ち直す
Zipp：字形をそのまま認識して訳す
【表組みの対応関係】
従来：行と列が貼り付けで崩れ、どの値か分からなくなる
Zipp：1行ずつ囲めば対応が保たれる
【視線の移動】
従来：タブとアプリを往復し、読んでいた行を探し直す
Zipp：囲んだ場所に訳が重なる
【手数】
従来：選択→コピー→切替→貼付→戻る→位置探し
Zipp：⌃S→囲む→読む
【作業の再開】
従来：ズームやパネル状態が変わり、文脈を組み直す
Zipp：画面が動かないので即座に戻れる
よくある質問（FAQ）
Q. Figmaのテキストは普通にコピーできるのでは？ A. テキストレイヤーなら可能です。ただし画像として貼られた参考資料、アウトライン化された見出し、外部から持ち込んだSVGはコピーできません。1つのファイルに3種類が混在するため、毎回「今回は選べるか」を試すことになります。矩形で囲む方法に統一すると、その判断自体が不要になります。
Q. 表を囲むと列が混ざります。 A. 矩形が列の境界を越えている可能性があります。隣の列の数字や単位が入ると、訳文にもそれが混ざります。いったんズームして列の余白を確認し、1行ずつ囲んでください。ヘッダー行は単独で囲み、本文行は項目名と値だけを含めると対応が崩れません。
Q. 小さい文字だと認識が不安定になります。 A. Figmaのズームを上げてから囲むのが基本です。画面上で文字が十分な大きさになっていれば、認識は安定します。また、ラベル単体ではなく見出しと項目をまとめて囲むと、訳が文脈を含んだ形になり、読み直しが減ります。
Q. 囲んだ範囲の訳が、画面の邪魔になります。 A. 訳は最前面に重なるため、読んだら閉じる前提で使います。長く表示させておくのではなく、1つの意味の単位を読んだらすぐ閉じ、次の単位を囲む。このリズムにすると、画面が訳で埋まらず、Figmaのレイアウト確認も同時に進みます。
囲む範囲を決める力が、そのまま読む速さになる
Figmaの翻訳が遅いと感じるとき、原因は訳の質ではなく、文字の種類ごとに手順が変わっていることです。コピーできる文字とできない文字が混ざった画面では、毎回「今回はどれで読むか」を判断しています。その判断を、矩形で囲むという1つの動作に寄せると、作業の流れが途切れなくなります。
囲む範囲は、広ければいいわけでも狭ければいいわけでもありません。意味の単位で囲む。表なら1行、ラベルなら文脈ごと。この2つを守るだけで、読み直しは目に見えて減ります。今日の作業で最初に読む表の1行を、まず囲んでみてください。
▼ 無料でダウンロード（登録不要・1日15回まで）
zipp-mac.surge.sh