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


テーブルタグ一式をすばやく・ラクに入力するためのスニペットサンプル
Karabiner-Elementsでcaps lockで修飾キー全押し、caps lock + 修飾キーで押したキー以外の修飾キーを押す方法(reverseキー)
.DS_Storeなどの不要なメタデータファイルを自動で削除する「BlueHarvest」
Hazelで「ゴミ箱」の中身を空にする作業を自動化してしまう
情報収集に最適!!RSSリーダー「Feedly」の登録から簡単な使い方まで
AlfredでNotion内の検索ができるようになるワークフロー「Notion Search」
アクティビティモニタで「kernel_task」の暴走を落ち着かせるためには、CPU温度を下げる必要がある
ウインドウリサイズを素早く行う!BetterTouchToolのウインドウスナップ機能の自分なりのカスタマイズ設定
Client Folder Makerでファイルの中身まで一括で作成する方法
Chrome拡張機能の「Get RSS Feed URLs」でサイトのRSSを簡単に取得
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ScreenFlowでできる3種類のカット編集方法
Alfred 4のファイル検索機能を使って、ファイルの操作を高速で行う方法
高速なzshのプラグインマネージャー「Zplugin」の導入方法
Alfredでダークモードを切り替えるWorkflowを作成する方法
Illustratorの「埋め込み」を行うスクリプトで、画像の埋め込みをショートカットで行う!
Path Finder 9.3.5のアップデート内容はラベル・タグ周りの修正!そしていつの間にかカラーラベルのカスタマイズが可能に!
JavaScriptで日付をコピーして計算すると、コピー元の日付も変わってしまう場合の対処法
gulpfile.jsにAutoprefixerのブラウザオプションを書くとエラーがでる場合の修正方法
Path Finderでタグを一斉に追加するタググループ機能
既存プロジェクトにCompassが導入されている場合に備えて、最低限Sassのコンパイルだけでも行えるようにしておく