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 の皆さん実装してくれてありがとう ☺️)

ログインするとコメントできます