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


macOS用パッケージ管理システムのHomebrewの概要とインストール方法
Chrome拡張機能の「Get RSS Feed URLs」でサイトのRSSを簡単に取得
Macでマクロの作成が出来るKeyboard Maestroの基本的な使い方
macOSのシステム環境設定「ユーザとグループ」の設定見直し
Client Folder Makerをショートカットキーからすぐ実行できるようにする
シンプルが特徴のノートアプリ「Simplenote」とApple純正の「メモ.app」の比較
Alfredの1Password連携で、登録しているウェブサイトではなくアプリでログイン情報を開く方法
Default Folder XでPath Finderを「Finderクリック」機能で選択したとき、違うフォルダが選択されてしまう問題
Macのプレビュー.appを使って画像のトリミングを行う方法
npmをGUIで管理するアプリケーション「ndm – npm desktop manager」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ
iStat Menusの「バッテリー/電源」アイコン表示と設定
iPhoneアプリ「Bobby」とGoogleカレンダーを活用して、サブスクリプションサービスの管理を行う
CSSやJavaScriptでスクロールバーの横幅を取得する方法
Chrome拡張機能「PocketTube」を使って、YouTubeの登録チャンネルをグループ分けして管理する
Path Finder 8から大幅に強化されたモジュール機能の設定方法
Visual Studio CodeでGitをもっと便利に使うための拡張機能
Macでアプリケーションを指定してファイルを開く方法まとめ
単語登録機能に日常でよく使うフレーズを登録して、文章を素早く入力する方法
コーディング初心者が入力ミスを減らすためにできる設定