FigmaでPublishしたときにSlack通知し、NotionのDBに入れる方法メモ

やりたいことはタイトルのまんまです。

NotionのDBにいれたいのは、週次でやってるデザイナーのシェア会でそのDBを参照することでデザインシステムのアップデートを共有したいから。

Mergeとかの通知はSlackのFigma連携でできるけど、Publishの通知はできなかったので今回Zapier噛ませてやってみた。

用意するもの

• Figma

• Zapier（要有料プラン）

• Notion

やること

その1：FigmaのTeamスペースのIDを見つける

まずは、通知したいファイルがあるTeamスペースに行きTeam IDを見つけます。

FigmaのTeamスペースのIDは、webブラウザ版で開くことでわかります。

所属するアカウントの「All teams」から特定のチームスペースに行きURLから任意の数字をコピーします。

https://www.figma.com/files/xxx/team/（ここがteam ID）/xxxx?fuid=xxxx

※ここで、このチームスペースの「Admin」じゃないエラーが出続けます…
チームスペースの権限は該当するチームスペースに行き右上の★左に出てるユーザーアバターアイコンをクリックした先で変更できます。

その2：Figma DevelopersのサイトでAPIリクエストを作ってみる

Figma

webhookの入力詳細はこちらを参考にしました。あざます！
https://qiita.com/xrxoxcxox/items/9f7ce7131cd1778850e0#figma%E3%81%A7webhook%E4%BD%9C%E6%88%90

その3：ZapierとSlackの連携

ここも、このブログそのままでいけるはず。（先人に感謝）

Figma Webhooksを使ってLibrary Publishを検知してDesign Opsを捗らせる方法 - Qiita

以上

NotionへはそのままZapierでstep追加すればいけるので省略。

なかなか該当のDB出てこないのはNotion側にたくさんDBがあるからな気がしてるので、出てこない人は根気強く出るまで待ちましょう。

本当にやりたいこと

• そもそもZapier噛ませずにやりたい

• 特定のファイルに一応制限しておきたい

あたりは、また調べてアップデートしたい。