AlfredでFigmaのチーム・プロジェクト・ファイルを素早くの検索ができる「Alfred Figma Workflow」

デザインツールのFigmaファイルを検索するWorkflowがFgima公式からリリースされているのに気が付きました。
Alfred Figma Workflowのインストール
インストール方法は普通のAlfred Workflowのインストール方法と違ってnpmコマンドでインストールします。
$ npm install --global alfred-figmaインストール後はFigmaのPersonal Access Tokensを設定します。
Figmaの[Settings]にある「Create a new personal access token」をクリックしてトークンの作成をします(名前は何でもいいのですが、あとで見たときに分かるように「Alfred」としておきました)。

次に、Alfredの[Workflow]の「Figma Shortcuts」を右クリックして「Open in Finder」でFinderにフォルダを表示させます。
.env-exampleというファイルがあるので、コピーして.envにリネーム、このファイルの中にトークンをペーストします。

これで最初の設定は完了です。
Alfred Figma Workflowの使い方
検索するチームを追加したいときはfigma addのあとにチームのURLをペーストして追加します。
あとはキーワードのfigmaのあとにファイル名を入力してenterを押せばすぐにFigmaでファイルが開けます。
キーワードの変更
キーワードがfigmaだと、アプリのFigmaを開きたいときに間違えて発火してしまいます。
fgmやfmなど、短縮したキーワードに変更しておくのがオススメです。


DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Alfred 4の無料版と有料版(Powerpack)で使える機能比較
Alfredの1Password連携で、登録しているウェブサイトではなくアプリでログイン情報を開く方法
1Passwordで素早くパスワードを入力するためのショートカットキー
MacとiPadを同じマウスやキーボードで操作できる「ユニバーサルコントロール」
Macでダブルクォーテーションを入力すると自動で変換されてしまうのを無効にする
散らかりがちなMacのメニューバーをBartender 3でキレイに整理する
メニューアイコンにあるアプリの強制終了方法(アクティビティモニタ)
QuickTime Playerとプレビュー.appで動画の一部を画像として書き出す方法
ATOKの単語登録を複数ユーザー辞書に分けて管理する方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
webpackでTop-Level Awaitを使用して、一番上位でもawaitを使えるようにする方法
Path Finderのデュアルブラウザで、別枠へのファイル移動とコピーを使いやすくする
Fantastical 3とTodoistを連携してスケジュールとタスクをまとめて管理する!
WordPressでbloginfo()の一部パラメーターの廃止・非推奨に注意!
IllustratorとPhotoshopとXDのツール系のショートカットキーを統一させる
Macのキレイなマインドマップアプリ「MindNode 6」
Google関連サービスをすばやく確実に変換するための単語登録サンプル
Alfredのランチャー(メインウインドウ)が邪魔で後ろが隠れてしまうときの対処法
Sketchでデザインを作成するときの基本的な操作方法
ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」