Open7

[Scrap] Figma の REST API 周りを調べる

へぶんへぶん

目的

  • Figma File の Style からプロジェクト用の style を自動生成したい
  • できれば Webhook 使って、自動化風のことをしたい
へぶんへぶん

Figma のWebhook について

https://www.figma.com/developers/api#webhooks_v2

へぶんへぶん

方針

簡単にできる方法ないか探しつつできなければ、Cloud Functions や Github Actions で作ってみる。Cloud Functions で作るのが楽そう。

へぶんへぶん

Figma API でできること

デザインっぽい情報

  • Figma File の取得
  • Figma Node の取得する
    • Figma File と NodeID を指定する
  • Node を画像化したものを取得する
    • SVG とか取得できる
    • API を叩いてみると、aws の s3 上の画像の URL が返却される

まとめようと思ったけど、デザインっぽい情報意外にもかなり色んなことができるっぽいので省く。

へぶんへぶん

Webhook からプロジェクトの更新までのフロー

仮に、Fimga の更新起因で Fimga File から画像データを生成してプロジェクトを更新するフローを考えてみる。

(mermaid 使えるのいいな。Zenn の皆さん実装してくれてありがとう ☺️)