これは何
Qiitaのデザイナーをしています。綿貫といいます。
中の人としてもアドベントカレンダーを盛り上げるべくFigma Advent Calendarを作成し、3日目の記事を書きました!
今回はFigmaのコメント機能についてとりあげます。
なお、ほぼネタみたいな記事なので実用性はそんなにありません。
コメントがたくさんつくと確認が大変
Figmaのコメント機能はコミュニケーションをとる上で非常に便利ですが、あまりにもたくさんのコメントがつくと追うのが大変です。
特に複数のPageにまたがっているとあっちを開いてこっちを開いて……。
単にコメントを一覧したいだけなのになあってときは若干不便です。
ターミナルで全件取得してみましょう
Figma APIを見るとcommentsのエンドポイントがありますので、利用しましょう。
access tokenの取得
Settings > Account > Personal access tokens
で取得できます。
適当な名前をテキストフィールドに入れてエンターを押せば発行されるのでどこかにメモしておいてください。
file keyの取得
コメントを取得したいFileを開いてShare > Copy link
。
ブラウザで開くとURLの形式がhttps://www.figma.com/file/:file_key/:title?node-id=XXXX
といった具合になっているのでfile_key
をメモしておいてください。
コマンドを叩く
後は簡単です
curl -H 'X-FIGMA-TOKEN: YOUR_TOKEN' 'https://api.figma.com/v1/files/YOUR_FILE_KEY/comments' | python3 -c 'import sys,json;print(json.dumps(json.loads(sys.stdin.read()),indent=4,ensure_ascii=False))' | grep "message"
結果はこんな感じで見れます。
なお、詳細に見たい場合は| grep "message"
を削るだけでOKです。
整形のコードはこちらのブログを参考にさせていただきました
まとめ
- Figma APIでコメントを全件取得できる
- ただただ全てのコメントを見たい場面があれば使えるテクニック
- ネタです