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

デザインツールのFigmaファイルを検索するWorkflowがFgima公式からリリースされているのに気が付きました。

Alfred Figma Workflowのインストール

GitHub

jonrohan/alfred-figma

https://github.com/jonrohan/alfred-figma

Alfred workflow to quick link figma projects and files - jonrohan/alfred-figma

インストール方法は普通の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など、短縮したキーワードに変更しておくのがオススメです。