FigmaでCommentが追加されたら、Google スプレッドシートに追加する
FigmaでCommentが追加されたら、Google スプレッドシートに追加する
Yoomのテンプレートを使えば、ノーコードで簡単に
Figma
と
Google スプレッドシート
を自動連携できます。
■概要
Figmaのデザインファイルに寄せられるコメントの管理は、手作業で行うと手間がかかり、重要なフィードバックを見逃す原因にもなりかねません。このワークフローを活用すれば、Figmaで新しいコメントが追加されると、その内容を自動でGoogle スプレッドシートに記録できます。FigmaのWebhook機能を活用することで、コメント追加を即座に検知し、フィードバック管理の工数を削減してデザイン改善のサイクルを円滑に進めることが可能になります。
■このテンプレートをおすすめする方
- Figmaで受け取ったコメントを、手作業でGoogle スプレッドシートに転記・管理しているデザイナーやディレクター
- Figma上のフィードバックを元に、タスクの進捗管理を行っているプロジェクトマネージャー
- FigmaのWebhookを利用して、デザインプロセス全体の自動化や効率化を検討している方
■このテンプレートを使うメリット
- Figmaにコメントが追加されるたびに自動でGoogle スプレッドシートへ記録するため、手作業での転記にかかる時間を削減できます。
- FigmaのWebhook経由で情報が直接連携されるため、転記ミスや確認漏れを防ぎ、フィードバックを一元管理できます。
■フローボットの流れ
- はじめに、FigmaとGoogle スプレッドシートをYoomと連携します
- 次に、トリガーでFigmaを選択し、「新しいコメントが追加されたら」というアクションを設定します
- 最後に、オペレーションでGoogle スプレッドシートの「レコードに追加する」アクションを設定し、トリガーで取得したコメント内容などを指定のシートに追加します
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■このワークフローのカスタムポイント
- Google スプレッドシートにレコードを追加する際に、どのシートのどの列に情報を追加するかを任意で設定してください
- コメント内容だけでなく、コメントしたユーザー名や日時など、Figmaのトリガーから取得した様々な情報を変数として活用し、Google スプレッドシートの各列に自動で記録できます
■注意事項
- Figma、Google スプレッドシートのそれぞれとYoomを連携してください。
類似したテンプレートをご紹介！
すべてのテンプレートを見る
使用しているアプリについて
Figma
Figma
を使ったテンプレート
Figmaのコメントを取得しNotionのデータベースへ自動登録するフローです。転記作業の手間を省き、フィードバックの漏れや入力ミスを抑えられます。
Figmaでファイルが削除されたらSlackへ自動通知するフローです。連絡漏れを防ぎ、意図しない削除にすばやく気づけるため、チームの進行管理をスムーズにします。
Figmaでファイルが更新されたらSlackへ自動通知するフローです。関係者への共有作業の手間や連絡漏れを防ぎ、進捗共有をスムーズにしチームの生産性向上に繋がります。
Google スプレッドシート
Google スプレッドシート
を使ったテンプレート
Google スプレッドシートで新しい行が追加されると、Airtableに自動でレコードを作成する業務ワークフローです。YoomのAPI連携機能により、手動入力の手間やミスを減らし、迅速かつ正確な情報共有が可能になります。
Google スプレッドシートに行が追加されるとMicrosoft Teamsのチームを自動生成するフローです。手作業の転記や二重入力をなくし、作成漏れや入力ミスを抑えながら立ち上げを早められます。
Google スプレッドシートに行を追加するとジョーシスへ従業員を自動登録するフローです。転記作業を省き入力ミスの発生を抑え、入社手続きの負担を軽減できます。
使用しているアプリについて
Figma
YoomではFigmaとノーコードで連携し、API経由でFigmaの操作を自動化することができます。例えば、Figmaで新しいコメントが投稿されたり、ファイルの更新情報をSlackやDiscordなどのツールに通知したり、Figmaで作成した画像を自動的にダウンロードすることも可能です。
詳しくみるテンプレート
Figmaのコメントを取得しNotionのデータベースへ自動登録するフローです。転記作業の手間を省き、フィードバックの漏れや入力ミスを抑えられます。
FigmaでCommentが追加されたら、Notionに追加する
Figmaでファイルが削除されたらSlackへ自動通知するフローです。連絡漏れを防ぎ、意図しない削除にすばやく気づけるため、チームの進行管理をスムーズにします。
Figmaでファイルが削除されたら、Slackに通知する
Figmaでファイルが更新されたらSlackへ自動通知するフローです。関係者への共有作業の手間や連絡漏れを防ぎ、進捗共有をスムーズにしチームの生産性向上に繋がります。
Figmaでファイルが更新されたら、Slackにメッセージを送る
Google スプレッドシート
YoomではGoogleスプレッドシートのAPIをノーコードで活用することができます。スプレッドシートとYoomを連携することで、スプレッドシートへの情報入力を自動化したり、スプレッドシートの雛形を元に書類を自動的に作成することが可能です。また、Yoomのデータベースにスプレッドシートの情報を同期し、様々な用途で活用することも可能です。
詳しくみるテンプレート
Google スプレッドシートで新しい行が追加されると、Airtableに自動でレコードを作成する業務ワークフローです。YoomのAPI連携機能により、手動入力の手間やミスを減らし、迅速かつ正確な情報共有が可能になります。
Google スプレッドシートで行が追加されたらAirtableのレコードを作成する
Google スプレッドシートに行が追加されるとMicrosoft Teamsのチームを自動生成するフローです。手作業の転記や二重入力をなくし、作成漏れや入力ミスを抑えながら立ち上げを早められます。
Google スプレッドシートに行が追加されたらMicrosoft Teamsでチームを作成する
Google スプレッドシートに行を追加するとジョーシスへ従業員を自動登録するフローです。転記作業を省き入力ミスの発生を抑え、入社手続きの負担を軽減できます。
Google スプレッドシートで行が追加されたらジョーシスで従業員を登録する
ノーコードで実行可能なAPIアクション
実行可能なAPIアクション
フローボットトリガー
Updated File
Deleted File
Updated File Version
New Comment
Published Library
行が追加されたら
行が更新されたら
フローボットオペレーション
Get File Info
Get Image URL
GET Team Project
Get Comments
Delete Comment
Create Comment
Download File
セルに値を入力
値を取得する
値を削除する
新しいスプレッドシートを作成する
シート（タブ）をコピーする
新しいシート（タブ）を追加する
シート（タブ）を削除する
値を置換する
シート名を更新する
行を削除する
スプレッドシートの情報を取得
フローボットトリガー
Updated FileDeleted FileUpdated File VersionNew CommentPublished Library
フローボットオペレーション
Get File InfoGet Image URLGET Team ProjectGet CommentsDelete CommentCreate CommentDownload File
フローボットトリガー
行が追加されたら行が更新されたら
フローボットオペレーション
セルに値を入力値を取得する値を削除する新しいスプレッドシートを作成するシート（タブ）をコピーする新しいシート（タブ）を追加するシート（タブ）を削除する値を置換するシート名を更新する行を削除するスプレッドシートの情報を取得シート名を取得する数式を繰り返す範囲に値を入力セルに画像を埋め込む特定の列でソートシートを非表示にする指定のセルにメモを追加する列を追加する列を削除する複数列に値を入力関連するブログ記事一覧
今回使用したアプリを使って業務を自動化する方法を詳しく解説しています！
