Sketchのテキスト編集周りの基本操作

今回はSketchのテキスト関連の操作についてまとめておきます。
テキスト追加の基本
まずはツールバーから選択するか、Tを押して、テキストツールに切り替えます。
あとはテキストを追加したい位置をクリックすると、黒い線が表示されるので、キーボードで文字を打ち込みます。
escかcommand + enterで入力完了です。

テキストオブジェクトとなるので、入力後は移動ツールで移動させられます。
修正したい場合は、移動ツールの状態でテキストオブジェクトをダブルクリックするか、テキストツールでクリックすれば編集状態に切り替わります。
ポイントテキストとテキストボックス
テキストツールの状態でクリックすると「ポイントテキスト」と呼ばれる状態になりますが、ドラッグアンドドロップすると「テキストボックス」を作成できます。

ポイントテキストと違い、テキストボックスの場合は右端で自動的にテキストが折り返します。
複数行の文を流し込む場合はテキストボックスを使用しましょう。
テキスト選択時のプロパティエリア
テキストを選択しているときに、画面右のプロパティエリアの表示項目もテキスト用に切り替わります。
TEXT
[TEXT]プロパティでテキストの基本的な設定をします。
![[TEXT]パネル](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_3-3.png)
| 内容 | 備考 | |
|---|---|---|
| フォント | フォント名を指定する | |
| 太さ | フォントの太さを指定する | |
| 色 | 文字色を指定する | |
| Size | フォントサイズの指定 | |
| Character | 行間の指定 | |
| Line | 1文字1文字の間隔を指定 | |
| Paragraph | 改行だけの行の間隔を指定 | |
| 横幅や高さの設定 | 下記の中から横幅や高さの設定を指定する
| このボタンでポイントテキストとテキストボックスの切り替えも可能 |
| 文字揃え(横) | 下記の中から文字揃えの設定を指定する
| |
| 文字揃え(縦) | 下記の中から文字揃えの設定を指定する
|
Text Options
[TEXT]プロパティの右上にある「歯車」アイコンをクリックすると、[Text Options]が[TEXT]の下に表示されます。
![[Text Options]の表示](https://webrandum.net/mskz/wp-content/uploads/2022/05/image_4-2.png)
| 内容 | |
|---|---|
| Decoration | 下記から装飾を選択する
|
| Transform | 大文字・小文字の扱いを選択する
|
その他の操作
テキストのアウトライン化
テキストをアウトライン化したい場合は、右クリックして[Convert to Outlines]を選択するか、メニューバーの[Layer]→[Convert to Outlines(option + command + O)]でアウトライン化できます。



Figmaのレイヤー名を一括変更するプラグイン「Rename It」
Figmaのバージョン管理機能を使って、デザインの変更点を管理する
Figmaで複数行テキストを1行ずつ分割するプラグイン「Nisa Text Splitter」
Figmaでオブジェクトの整列をショートカットキーを使って効率的に行う方法
Sketchのライブラリアップデートの方法
ダミーデータ・ダミー画像を登録・生成してくれるFigmaプラグインまとめ
Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」
Figmaのフォント選択時に分かりやすくプレビューしてくれるプラグイン
Sketchの整列をショートカットキーを使ってすばやく行えるようにする方法
Figmaの画像書き出し方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」
【2026年版】Karabiner-Elementsで実現する右commandキー活用のススメ
Bartender ProのTop Shelf機能でできること
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」