💡 この記事の3行まとめ
- 「囲むだけ」は操作としては1つですが、どこを囲むかで結果が変わります。まず1行、次にカード単位。この順番で広げると失敗が少なくて済みます。
- 押す前に画面を整えると、認識が安定します。ズーム、パネルの開閉、スクロール位置。この3つを確認するだけで、囲み直しの回数が減ります。
- Mac専用OCR翻訳『Zipp』は
⌃Sで囲んで0.3秒、Apple Visionの端末内処理で画面画像の外部保存ゼロ。無料でダウンロード（登録不要）、1日15回までです。
📌 この記事の対象読者
- 囲んでみたが、訳がうまく出ずに数回でやめてしまった方
- Figmaの画面が細かく、どこを囲めばいいか迷う方
- 手順そのものは知っているが、実務で使い切れていない方
「囲むだけ」が、うまくいかない理由
説明を読んで、実際に試してみた。ところが訳が出ない、出ても意味が通らない、あるいは狙った行と違う場所が訳された。この時点で「自分の使い方が悪いのか、ツールが合わないのか」と迷い、そのまま開かなくなる。よくある流れです。
原因は、大きく3つに分かれます。
1つ目は、範囲の取り方です。 FigmaのUIは要素が密です。ボタンのラベルを訳したいのに、隣のアイコンやバッジまで囲んでしまうと、記号や短い断片が混ざって訳文が崩れます。逆に1語だけ囲むと、文脈がないため訳語が定まりません。広すぎても狭すぎても不安定になります。
2つ目は、画面の状態です。 文字が小さいまま囲むと、認識できる情報量が足りません。パネルが開いていて読みたい範囲が狭まっている、スクロールの途中で対象が画面の端にかかっている。こうした状態では、囲む枠を合わせるだけで疲れてしまいます。
3つ目は、押し方です。 ⌘S（Command）と混同して保存してしまう、修飾キーを先に離してしまう。Controlを押したままSを押し、離すときはSが先。この順番が崩れると、何も起きません。
3つとも、ツールの性能の問題ではありません。押す前の準備と、囲む範囲の設計の問題です。ここを整えるだけで、同じツールが別物のように安定します。
解決策：画面を整え、1行から囲み、読みづらければ狭める
順番は3つです。整える、囲む、直す。この順番を守ると、1回目で決まる確率が上がります。
手順1：押す前に画面を整える
⌃Sを押す前に、3つだけ確認します。
ズームを上げる。 読みたい文言が画面のかなりの面積を占めるまで拡大します。Figmaは⌘+で拡大できます。小さすぎる文字は、囲む枠を正確に合わせることも難しくなります。目安として、1文字がはっきり判別できる大きさになっていれば十分です。
右側のパネルを閉じる。 デザインパネルが開いていると、キャンバスの表示領域が狭くなります。読むだけの場面では、パネルを閉じてキャンバスを広く取るほうが、囲む枠を合わせやすくなります。メニューから表示を切り替えられるので、ショートカットを覚えていなければメニューから閉じて構いません。
スクロール位置を合わせる。 読みたい要素を画面の中央付近に置きます。端にかかっていると、囲む枠が画面外にはみ出して切れます。ここで1回スクロールしてから押す、という習慣をつけるだけで、囲み直しが減ります。
あわせて、テキストの編集状態に入っていないかも確認します。キャレットが出ていると、キー入力がテキスト側へ渡ります。Escを1回押して抜けてから囲んでください。
手順2：まず1行、次にカード単位で囲む
⌃S（Control + S）を押すと、囲むための状態になります。マウスで対角にドラッグして矩形を作ります。
最初は1行だけ囲みます。 ボタンのラベル、見出し、注記の1行。余白は文字のすぐ外側で止めます。行の上下に大きな余白を含めると、隣の行の文字が混ざります。逆に文字の端を切ると、最後の1文字が欠けます。文字の外周に薄く余白が残る程度が、ちょうどいい案です。
慣れたらカード単位に広げます。 見出し・説明文・ボタンをまとめて囲むと、そのコンポーネントが何を伝える部品なのかを一度で掴めます。UIキットを読む目的は、多くの場合この「部品の意味」の把握です。1語ずつの和訳を積むより、まとまりで読むほうが早く到達します。
読む順番は上から下へ固定します。 画面のあちこちを飛びながら囲むと、どこまで読んだか分からなくなります。ヘッダー、本文、フッターの順に、視線の流れに沿って進めてください。Figmaの画面は構造がはっきりしているので、この順番がそのまま理解の順番になります。
訳は0.3秒で最前面に表示され、元の画面は隠れません。原文と訳を並べて見られるため、「この訳語で意味が通るか」をその場で判断できます。
手順3：読みづらければ、3通りの直し方で囲み直す
訳が出たけれど意味が通らないとき、闇雲にやり直すのではなく、原因別に直します。
- 訳文が断片的で意味を成さない → 範囲が狭すぎます。前後の行を含めて囲み直してください。単語単独では訳語が定まらないことが多いためです。
- 関係ない文字が混ざる → 範囲が広すぎます。隣の要素を外して囲み直します。アイコンやバッジは、文字として解釈されると訳文を乱します。
- 文字が欠ける、認識が不安定 → ズームを上げてから囲み直します。画面の端にかかっている場合は、中央へスクロールしてから囲みます。
この3つを覚えておけば、直し方は毎回同じです。慣れると、囲む前に「これは1行では足りない」と予測できるようになります。予測できるようになると、囲み直しの回数はさらに減ります。
なお、⌃Sが反応しない場合は、押し方（Controlを押したままS、離すのはSが先）と、他のアプリが同じキーを使っていないかを確認してください。無料でダウンロード（登録不要）、1日15回までなので、まず数日使って自分の画面で型を作るほうが早道です。
囲み方の設計 比較
【範囲の指定】
従来：選択範囲がそのまま対象になる
Zipp：矩形で囲んだ範囲が対象
【文字が選べない場合】
従来：そもそも範囲を指定できない
Zipp：描画されていれば囲める
【行をまたぐ文章】
従来：行ごとに選択し、つなぎ直す必要がある
Zipp：まとめて囲めば1回で読める
【拡大縮小の扱い】
従来：文字サイズは結果に影響しない
Zipp：小さい文字はズームで安定する
【読み直しの手数】
従来：貼り直しと再実行の往復が発生する
Zipp：囲み直すだけで即座に返る
【画面への影響】
従来：コピー元と結果を行き来する
Zipp：最前面に重なり、原文も見えたまま
よくある質問（FAQ）
Q. 囲むコツを1つだけ挙げるなら何ですか？ A. 文字の外周に薄く余白を残して囲むことです。ぴったり合わせようとすると端の文字が欠け、余白を取りすぎると隣の要素が混ざります。まず1行で試し、混ざったら狭く、断片的なら広く。この2方向の調整だけでほとんど解決します。
Q. 囲んでも訳が出ないときは、どうすればいいですか？ A. 押し方を確認してください。Controlを押し下げたままSを押し、離すときはSが先です。⌘Sだと保存になります。押し方が正しければ、次は範囲を広げてみてください。1文字や記号だけでは、訳として成立しないことがあります。
Q. 画面全体を一度に囲んでも大丈夫ですか？ A. 動作はしますが、Figmaの画面は要素が密なので、訳文が混ざって読みにくくなります。全体像を掴みたいときの最初の1回だけ広く囲み、その後はセクション単位で読み直す、という使い分けが現実的です。
Q. 毎回同じ手順を踏むのが面倒に感じます。 A. 整える・囲む・直すの3つは、数日で無意識になります。特に「押す前にズームとスクロールを確認する」は効果が大きく、慣れると囲み直しがほぼなくなります。最初の1週間だけ意識して、型にしてしまってください。
囲む範囲を決めることは、読む順番を決めること
「囲むだけ」と聞くと、操作の話に見えます。しかし実際に効いてくるのは、どこを囲むかという判断です。1行で読むのか、カードで読むのか。上から順に読むのか、気になるところから読むのか。範囲の設計は、そのまま読解の設計になります。
Figmaの画面は、要素のまとまりがはっきりしています。だからこそ、まとまりを単位に囲むと意味が掴みやすくなります。押す前に3つ整え、1行から始め、読みづらければ狭める。この型ができれば、海外製のキットを眺めて終わる時間は減り、使える部品として蓄積されていきます。まずは手元の画面で、いちばん気になっている見出しを囲んでみてください。
▼ 無料でダウンロード（登録不要・1日15回まで）
zipp-mac.surge.sh