6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Figmaのコメント一覧をさっと取得したいなあ……

Posted at

これは何

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です。

整形のコードはこちらのブログを参考にさせていただきました :pray:

まとめ

  • Figma APIでコメントを全件取得できる
  • ただただ全てのコメントを見たい場面があれば使えるテクニック
  • ネタです
6
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?