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など、短縮したキーワードに変更しておくのがオススメです。


Macの画面を手軽に録画できるアプリ「Kap」
情報収集に最適!!RSSリーダー「Feedly」の登録から簡単な使い方まで
Macのダイアログを強化するDefault Folder Xの使い方
PC作業をする上でのちょっとした小技 #1日1Tips – 2019年6月
Alfredでダークモードを切り替えるWorkflowを作成する方法
Drive File StreamでGoogle Driveをローカル容量を圧迫せずにファイルを閲覧する
Alfredと1Passwordの連携をもっと便利に使いこなすための1Passwordのカテゴリ管理方法
Google Chromeの別アカウントとのブックマークを同期する「TeamSync Bookmarks」
ATOKのクラウド推測変換やナントカ変換を使って、単語をラクで正確に変換する
Alfredで複数のアプリケーションを一括で起動するWorkflowの作成方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
WordPressのwp_is_mobile()で条件分岐をするときは、キャッシュの設定に注意
無料のSVGビューワーの「Gapplin」でSVG画像を確認する
macOSのシステム環境設定「通知」の設定見直し
「EvernoteSpotlightは、キーチェーン内の”Evernote”に保存されている機密情報を使用しようとしています」というダイアログボックスを非表示にする方法
Macを起動したのが平日か休日か判定して、起動するアプリを変えるKeyboard Maestroマクロの作り方
「Dart Sass」「LibSass」「Ruby Sass」などSassの種類や記法に関するまとめ
Hazelで「ゴミ箱」の中身を空にする作業を自動化してしまう
ブラウザでこれ以上スクロールできない場合の挙動を制御する「overscroll-behavior」プロパティ
Visual Studio Codeを使ったコード整形方法(Fomatter)
CSSのz-indexの確認や管理を便利にする方法