Figmaで検索・置換する方法。ショートカットからでOK。デザイナー、コーチ、ディレクター / いがわ

.

Memo

Figma(フィグマ)で検索・置換する方法。

Figmaで検索・置換が可能に。

Figmaのアップデートで検索と置換の機能が実装されていた。

Figma(フィグマ)で検索・置換する方法。Figmaのロゴ。

ショートカットで検索、置換ができるので、なかなか使い勝手が良い。

使い方は簡単で、以下のショートカットですぐに覚えられる。

ショートカット
  • Mac:「Command」 + 「F」
  • Win:「Ctrl」 + 「F」

「F」は「Find(探す、見つける)」の「F」と覚えると覚えやすい。
(このショートカットは様々なツールで共通しているので、扱えるととても便利。)

例)

検索・置換を行う前の状態。(デザインに特に意味はない。)

今回は例として、「Replace」の文字を「置換」に変える。

Figmaで検索・置換をする。


検索のショートカットと置換入力欄の出し方。

ショートカット
  • Mac:「Command」 + 「F」
  • Win:「Ctrl」 + 「F」

のショートカットで、Figmaの画面左上に「Find…(検索文字列を入力…)」の画面が現れる。

「Find…(検索文字列を入力…)」のすぐ右横のアイコンをクリックし、メニューから 「Replace(置換)」の選択で、「Replace with…(置換後…)」の入力欄が現れる。

Figmaで検索・置換をする。

「Find…」の欄に、「Replace」と入力。すると該当する「Replace」の文字が目立つようにフォーカスされる。

Figmaで検索・置換をする。

「Replace with…」の欄に「置換」と入力し、「Replace」の文字を「置換」に変える。

その後、「Replace」のボタンをクリックするか、エンターキーを押すと実際にテキストが置換される。

「Replace all」をクリックすると、全ての文字が一発置換される。

戻ると進む(取り消しとやり直し)もショートカットで。

もし間違った場合は、

  • Mac:「Command」 + 「Z」
  • Win:「Ctrl」 + 「Z」

で戻ることができる。

また、戻り過ぎた場合は、

  • Mac:「Command」 + 「shift」 + 「Z」
  • Win:「Ctrl」 + 「shift」 + 「Z」

で進むことができる。

このショートカットも様々なツールで共通している。

Figmaで検索・置換をする。


Figmaのテキストの整列。

今回の例では文字数が変わった影響で、文字の位置がズレてしまった。

こんなときは、Figmaの画面右横の「整列パネル」でセンタリング。

この整列方法も色々なツールと共通している。

Figmaで整列をする。

以上で、文字列の検索と置換によりテキストの置き換え、そして整列により位置の調整が完了。

文字入力の打ち間違えやスペルミス、テキスト修正時に重宝できる機能で、とてもありがたい。

テキストの中央揃え。

ちなみにあらかじめ「テキスト」のパネル左下にある設定箇所で、「Text align center(テキスト中央揃え)」に指定しておくと、文字数が変わっても位置は自動的に中央に揃えられる。

Figmaのテキスト位置調整。

これもやはり多くのツールで共通している。

Figmaでテキストを検索・置換する方法。これは便利。

以上、参考になれば幸いです。


Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いているので「です・ます調」ではありません。(元々はメモ書きでした。) 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 写真は主にUnsplashPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、もしくは自前のものを使用しております。

デザイナー、ディレクター、講師、コーチ / 井川宜久

Figma 関連メモ。

デザインツールFigmaのロゴ。
使い方 & プラグインなど。

免責事項について

  • 記事ページ(Memosのページ)は当初は文字通りメモ書きでした。その後、修正や更新をしております。
  • 事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ早急に対応いたします。
  • 一個人のポートフォリオサイトですので、万一損害・トラブル等が発生した場合でも、一切の責任を負いかねます。