6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Figmaで擬似的にファイル内検索コマンド「⌘F」を使う方法(Mac)

Last updated at Posted at 2022-07-12

2022年10月からFigmaで公式にファイルない検索・置換がサポートされたので、現在は特に対応せずとも「⌘F」を利用できるようになっています。
Ref https://releases.figma.com/2022/10/we-now-support-find-and-replace.html

はじめに

Figmaでデザイン上のテキストやレイヤー名で検索をかけようとしてついつい「⌘F」を押したことはありませんか?

私は頻繁にあります!
しかし、現時点のFigmaにはレイヤー名やデザイン内のテキストを検索する機能は(私の知る限りは)用意されていません。

そのため、「⌘F」を押しても何も起こりません。

しかし、「Find and Replace」というプラグインにショートカットを設定することで、「⌘F」でファイル内検索をすることができるようになります!

「Find and Replace」とは

「Find and Replace」とは、FigmaのCommunityで公開されているプラグインです。

image.png
https://www.figma.com/community/plugin/735072959812183643/Find-and-Replace

本来はテキスト置換のためのプラグインですが、Figma上のテキストやレイヤー名の検索ができて、さらに前後に移動できるので私はファイル内検索としても愛用しています。

プラグインの使用方法

  1. プラグインを起動する
  2. Figma上のテキストを検索したい場合は「Text タブ」、レイヤー名を検索したい場合は「Layer Name タブ」を選択する
  3. 「Find」に検索したいワードを入力する
    • 右のメニューを開くと、文中でのテキストの位置や選択中のFrame内での検索などの検索オプションを設定できます
  4. EnterShift + Enterで検索結果を前後に移動できます :sun_with_face:
  5. テキスト置換をする場合は、「Replace with」に置換したいテキストを入力し「Replace」または「Replace All」をクリック

image.png

ショートカットの設定方法

  1. 「Find and Replace」プラグインを有効にする
  2. Macのシステム環境設定を開く
  3. 「キーボード」->「ショートカット」->「アプリケーション」を開き、左下の「+」をクリック
    image.png
  4. ショートカットの情報を入力
    • アプリケーション:Figma.appを選択
    • タイトル:「Plugins->Find and Replace」と入力
    • キーボードショートカット: Command+Fを入力し、⌘Fと表示されればOK
    • 「追加」をクリック
      image.png
  5. Figmaで「Command + F」を入力して「Find and Replace」が起動されれば完了です :tada:

Macのショートカット作成の公式ヘルプはこちら⬇️

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?