定期的にFigmaから指定ファイルをダウンロードし、Boxに保存する
定期的にFigmaから指定ファイルをダウンロードし、Boxに保存する
Yoomのテンプレートを使えば、ノーコードで簡単に
Figma
と
Box
を自動連携できます。
■概要
Figmaで作成したデザインデータを、定期的に手動でダウンロードしてBoxにバックアップする作業に手間を感じていませんか？この作業は忘れがちで、重要なデザインアセットのバージョン管理が煩雑になる原因にもなります。このワークフローを活用すれば、Figma APIと連携し、指定したスケジュールで自動的にFigmaからファイルをダウンロードしてBoxへ保存するため、手作業による手間や更新漏れといった課題を解消し、デザインアセットの管理を効率化します。
■このテンプレートをおすすめする方
- Figmaで作成したデザインファイルのバックアップを手作業で行っているデザイナーの方
- Figma APIなどを活用して、デザインアセットのバージョン管理を自動化したい方
- Boxを全社的なストレージとして利用しており、Figmaとの連携を効率化したい方
■このテンプレートを使うメリット
- 指定したスケジュールでフローが自動実行されるため、これまで手作業で行っていたファイル保存の時間を短縮し、本来のコア業務に集中できます。
- 手動でのバックアップ作業で起こりがちなダウンロード漏れや保存ミスを防ぎ、重要なデザインファイルを確実に管理することが可能になります。
■フローボットの流れ
- はじめに、FigmaとBoxをYoomと連携します。
- 次に、トリガーでスケジュールトリガー機能を選択し、「指定のスケジュールになったら」というアクションを設定します。
- 次に、オペレーションでFigmaの「Get Image URL」アクションを設定し、指定ファイル内の特定要素の画像URLを取得します。
- さらに、オペレーションでFigmaの「Download File」アクションを設定し、ファイル自体をダウンロードします。
- 最後に、オペレーションでBoxの「ファイルをアップロード」アクションを設定し、ダウンロードしたファイルを指定のフォルダにアップロードします。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■このワークフローのカスタムポイント
- スケジュールトリガーの設定では、フローを起動させたい日付や曜日、時刻などを任意で設定できます。例えば、「毎週金曜日の18時」といった定期的な実行が可能です。
- Figmaの各アクションでは、対象となるファイルのファイルキーや、画像として取得したい要素のノードIDを任意で設定してください。
- Boxへファイルをアップロードするアクションでは、保存先のフォルダやアップロード時のファイル名を任意で設定できます。
■注意事項
- Figma、BoxのそれぞれとYoomを連携してください。
- Figmaの画像URLのアウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。
- ダウンロード可能なファイル容量は最大300MBまでです。アプリの仕様によっては300MB未満になる可能性があるので、ご注意ください。
- トリガー、各オペレーションでの取り扱い可能なファイル容量の詳細は「ファイルの容量制限について」をご参照ください。
類似したテンプレートをご紹介！
すべてのテンプレートを見る
使用しているアプリについて
Figma
Figma
を使ったテンプレート
Figmaのコメントを取得しNotionのデータベースへ自動登録するフローです。転記作業の手間を省き、フィードバックの漏れや入力ミスを抑えられます。
Figmaでファイルが削除されたらSlackへ自動通知するフローです。連絡漏れを防ぎ、意図しない削除にすばやく気づけるため、チームの進行管理をスムーズにします。
Figmaでファイルが更新されたらSlackへ自動通知するフローです。関係者への共有作業の手間や連絡漏れを防ぎ、進捗共有をスムーズにしチームの生産性向上に繋がります。
Box
を使ったテンプレート
Yoomデータベースで選んだ顧客・案件情報をもとにBoxへフォルダを自動生成するフローです。手作業の作成漏れや命名ゆれを防ぎ、時間を節約。作成階層も統一されるため整理が行き届き、日々の登録負担を軽くします。
Googleカレンダーで予定を作成すると、YoomがSerpApiで企業名などを自動検索し要約を追記するフローです。検索のやり直しや見落としを抑え、商談・会議の準備時間を確保できます。
Apolloで登録したコンタクトをトリガーにBoxにフォルダを自動生成するフローです。定型の手作業を減らし、作成漏れや命名ミスを防ぎながら顧客情報管理をスムーズにし、担当者はより価値の高い営業活動に専念できます。
使用しているアプリについて
Figma
YoomではFigmaとノーコードで連携し、API経由でFigmaの操作を自動化することができます。例えば、Figmaで新しいコメントが投稿されたり、ファイルの更新情報をSlackやDiscordなどのツールに通知したり、Figmaで作成した画像を自動的にダウンロードすることも可能です。
詳しくみるテンプレート
Figmaのコメントを取得しNotionのデータベースへ自動登録するフローです。転記作業の手間を省き、フィードバックの漏れや入力ミスを抑えられます。
FigmaでCommentが追加されたら、Notionに追加する
Figmaでファイルが削除されたらSlackへ自動通知するフローです。連絡漏れを防ぎ、意図しない削除にすばやく気づけるため、チームの進行管理をスムーズにします。
Figmaでファイルが削除されたら、Slackに通知する
Figmaでファイルが更新されたらSlackへ自動通知するフローです。関係者への共有作業の手間や連絡漏れを防ぎ、進捗共有をスムーズにしチームの生産性向上に繋がります。
Figmaでファイルが更新されたら、Slackにメッセージを送る
Box
YoomではBoxのAPIとノーコードで連携し、様々な業務を自動化することが可能です。メールに添付されたファイルを自動的にBoxへ格納したり、BoxにファイルがアップされたらSlackやChatworkなどに通知します。
詳しくみるテンプレート
Yoomデータベースで選んだ顧客・案件情報をもとにBoxへフォルダを自動生成するフローです。手作業の作成漏れや命名ゆれを防ぎ、時間を節約。作成階層も統一されるため整理が行き届き、日々の登録負担を軽くします。
Yoomデータベースの情報でBoxにフォルダを作成
Googleカレンダーで予定を作成すると、YoomがSerpApiで企業名などを自動検索し要約を追記するフローです。検索のやり直しや見落としを抑え、商談・会議の準備時間を確保できます。
Googleカレンダーで特定の予定が作成されたら、SerpApiでGoogle検索の情報の取得と要約を行い更新する
Apolloで登録したコンタクトをトリガーにBoxにフォルダを自動生成するフローです。定型の手作業を減らし、作成漏れや命名ミスを防ぎながら顧客情報管理をスムーズにし、担当者はより価値の高い営業活動に専念できます。
Apolloでコンタクトが登録されたらBoxにフォルダを作成する
ノーコードで実行可能な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
ファイルをダウンロード
フォルダ内の項目のリストを取得
フォルダを作成
特定フォルダ内のコンテンツを検索
ファイルをコピー
ファイルをアップロード
ファイル情報の取得
ファイルバージョンをアップロード
新規ユーザーを作成
ユーザーをグループに追加
登録済みのWebhookを削除する
フローボットトリガー
Updated FileDeleted FileUpdated File VersionNew CommentPublished Library
フローボットオペレーション
Get File InfoGet Image URLGET Team ProjectGet CommentsDelete CommentCreate CommentDownload File
フローボットトリガー
フォルダにファイルがアップロードされたらコメントが投稿されたらファイル名が変更されたらコメントが編集されたら任意のイベントが発生したらフォルダ内のファイルが削除されたら
フローボットオペレーション
ファイルをダウンロードフォルダ内の項目のリストを取得フォルダを作成特定フォルダ内のコンテンツを検索ファイルをコピーファイルをアップロードファイル情報の取得ファイルバージョンをアップロード新規ユーザーを作成ユーザーをグループに追加登録済みのWebhookを削除するフォルダ名を変更フォルダを移動フォルダ情報の取得特定フォルダのコラボレーション情報のリストを取得コラボレーション情報を更新コラボレーション情報を取得ファイル名を変更ファイルを移動フォルダをコピーコラボレーション情報を作成コンテンツを検索フォルダに共有リンクを追加ファイルのタグを追加、更新するファイルのタグ情報を取得ファイルの共有リンクを作成ファイルにメタデータインスタンスを作成ファイルのメタデータインスタンスを更新ファイルのメタデータインスタンスを取得ファイルのメタデータインスタンスを削除関連するブログ記事一覧
今回使用したアプリを使って業務を自動化する方法を詳しく解説しています！
