---
title: [ComfyMaster8]画像化も可能！ComfyUIワークフロー管理の基礎
description: 「ComfyUI」でのワークフロー管理の基本的な方法について解説した記事。JSONファイルや画像として保存する手順を詳しく紹介。共同作業や作業効率向上に役立つ情報。
---

[AICU](https://corp.aicu.ai/ja)

# [\[ComfyMaster8\]画像化も可能！ComfyUIワークフロー管理の基礎](https://corp.aicu.ai/ja/comfyui20240825)

 作成者: [AICU Japan](https://corp.aicu.ai/ja/author/aidx-lab)｜2024/08/26 23:43:45 Z

こんにちわ、AICU media編集部です。  
「[ComfyUI マスターガイド](https://ja.aicu.ai/comfyui20240731/)」第8回目になります！

今回は、**ComfyUIで作成したワークフローを保存し、後で呼び出すための様々な方法をご紹介**します。JSONファイルとして保存する基本的な方法から、カスタムノード「ComfyUI-Custom-Scripts」を利用して画像として保存する便利な方法まで、詳しく解説します。これらのテクニックをマスターすることで、ワークフローの管理が容易になり、作業効率の向上と共同作業の促進に繋がります。

前回は[こちら](https://ja.aicu.ai/7comfyui20240821/) シリーズ初回は[こちら](https://ja.aicu.ai/comfyui20240731/)

## 1. ワークフローの保存方法

ComfyUIで作成したワークフローを保存する方法はいくつかあります。ここでは、JSONファイルとして保存する方法と、カスタムノード「**ComfyUI-Custom-Scripts**」(\*1)を利用して画像として保存する方法について説明します。

> \*1 ComfyUI-Custom-Scriptsは、様々な便利な機能を持ったカスタムノードです。ComfyUI-Custom-Scriptsの機能の詳細は、別記事で解説します。今回は、ワークフローの保存機能に焦点を当てて解説します。

### 1.1 JSONファイルとして保存

ワークフローをJSONファイルとして保存することで、後で簡単に呼び出すことができます。以下の手順に従ってください。

**ワークフローの保存**

- ComfyUIのキャンバスにグラフが表示された状態を作ります。ここでは標準のグラフを表示しています。

<https://assets.st-note.com/img/1723341964046-NuQ47qFTok.png?width=2000&height=2000&fit=bounds&quality=85>

- メニューの「**Save**」をクリックします。

<https://assets.st-note.com/img/1723341964030-jQV9aOVYES.png?width=2000&height=2000&fit=bounds&quality=85>

- 保存するファイル名を入力するダイアログが表示されるので、ファイル名を入力し、「OK」をクリックします。ここでは、ファイル名を「workflow\_test.json」とします。

<https://assets.st-note.com/img/1723341964722-2ddQlMEoSf.png?width=2000&height=2000&fit=bounds&quality=85>

- これで、ワークフローがJSON形式のファイルとしてダウンロードフォルダ(\*2)に保存されます。

> \*2 保存先のフォルダは、ブラウザで設定されている保存先になります。保存先のフォルダについては、お使いになられているブラウザのヘルプページをご確認ください。
> 
> 【主要なブラウザのヘルプページ】  
> ・[Google Chrome: ファイルをダウンロードする](https://support.google.com/chrome/answer/95759)  
> ・[Microsoft Edge: ダウンロード フォルダーの場所を変更する](https://support.microsoft.com/ja-jp/microsoft-edge/microsoft-edge-%E3%81%A7%E3%81%AE%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89-%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80%E3%83%BC%E3%81%AE%E5%A0%B4%E6%89%80%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B-4049e93b-0ef6-e44f-aca0-7d5f37a39294)  
> ・[Safari: MacでSafariを使用してWebから項目をダウンロードする](https://support.apple.com/ja-jp/guide/safari/sfri40598/mac)  
> ・[Firefox: ダウンロードしたファイルを見つける方法と管理する方法](https://support.mozilla.org/ja/kb/where-find-and-manage-downloaded-files-firefox)

<https://corp.aicu.ai/hs/cta/wi/redirect?encryptedPayload=AVxigLJN0F8E7XDAN4FCtt%2BmBAph1v3Pru98Ir7Frn0sN0nMYKUT8YtnGTqNT7WzF09GFiNzuh7%2FC5c9B6SOXgLuvnZqxVCtSR5cfrR%2FCbOxrkofnrMPRm9oJu7oi8e962S%2F65ls8yOFwfdXTcavIkehcy1xzjCxRxvVQ0a0Vzg%3D&webInteractiveContentId=185006873759&portalId=43845236&hsLang=ja>

<https://corp.aicu.ai/hs/cta/wi/redirect?encryptedPayload=AVxigLKAX8zt2GWTIbquus3uYAM5evd2nJvov6%2FB7YFhIQ22aRNa%2FOfT79AEav%2Fuhi4rOovdWqC7EONeZEPZuHXhY3u%2FlDmSXelz%2Fu3kU2SuEQpZMddNyi0P%2BwRCH3n5bxZlEFD7pKwl9iGVJh23lSmmdDP8zcyyPCJppLirxwk%3D&webInteractiveContentId=185263496576&portalId=43845236&hsLang=ja>

### 1.2 ComfyUI-Custom-Scriptsを利用して画像として保存

カスタムノード「**ComfyUI-Custom-Scripts**」を使用することで、ワークフローを画像として保存することができます。この方法は、視覚的にワークフローを共有したい場合に便利です。

**ComfyUI-Custom-Scriptsのインストール**

- まず、**ComfyUI-Custom-Scripts**をインストールします。メニューから「**Manager**」をクリックします。

<https://assets.st-note.com/img/1723341964794-LSXAZLEJNV.png?width=2000&height=2000&fit=bounds&quality=85>

- **ComfyUI Manager Menu**が立ち上がります。ここで、「**Custom Nodes Manager**」をクリックします。

<https://assets.st-note.com/img/1723341964741-Q25Lnf0CgL.png?width=2000&height=2000&fit=bounds&quality=85>

- **Custom Nodes Manager**が開きます。

<https://assets.st-note.com/img/1723341964078-1BthmbjjFz.png?width=2000&height=2000&fit=bounds&quality=85>

- 上部の検索部に「comfyui-custom-scripts」と入力します。そうすると、カスタムノード一覧に「**ComfyUI-Custom-Scripts**」が表示されるので、「**ComfyUI-Custom-Scripts**」の「**Install**」をクリックします。

<https://assets.st-note.com/img/1723341964044-jsUc76hsUw.png?width=2000&height=2000&fit=bounds&quality=85>

- しばらく待つと、インストールが完了します。その後、ComfyUIの再起動を求められるため、下部にある「**Restart**」をクリックします。

<https://assets.st-note.com/img/1723341964110-jTDArOp5sO.png?width=2000&height=2000&fit=bounds&quality=85>

- 再起動が実行されると、**ComfyUI Manager Menu**が閉じ、キャンバスの画面に戻ります。再起動実行中は、画面中央に「Reconnecting…」というメッセージがダイアログで表示されますが、再起動が完了すると自動でダイアログが閉じます。ダイアログが閉じたら、ブラウザを更新してください。

<https://assets.st-note.com/img/1723341964109-vFAPejAv6E.png?width=2000&height=2000&fit=bounds&quality=85>

- 再度**Custom Nodes Manager**を開き、「comfyui-custom-scripts」を検索してください。**ComfyUI-Custom-Scripts**のInstall列が以下の画像のように表示されていれば、インストールが完了しています。

<https://assets.st-note.com/img/1723341964048-KbgGeSYlqV.png?width=2000&height=2000&fit=bounds&quality=85>

**ワークフローを画像として保存**

- ComfyUIのキャンバスにグラフが表示された状態を作ります。ここでは標準のグラフを表示しています。

<https://assets.st-note.com/img/1723341964055-AWOrEOGEH8.png?width=2000&height=2000&fit=bounds&quality=85>

- キャンバスのノードがない場所を右クリックし、コンテクストメニューを表示させます。表示されたメニューの「Workflow Image -> Export -> png」または「Workflow Image -> Export -> svg」を選択します。

- それぞれ「workflow.png」「workflow.svg」という名前でダウンロードフォルダに保存されます。

<https://assets.st-note.com/img/1723341964054-IswqNOVweO.png?width=2000&height=2000&fit=bounds&quality=85>

## 2. ワークフローの呼び出し方法

保存したワークフローを再度呼び出す方法について説明します。ここでは、JSONファイルからの呼び出し方法と画像からの呼び出し方法について説明します。

### 2.1 JSONファイルからの呼び出し

保存したJSONファイルを使用してワークフローを呼び出す手順は以下の通りです。

- まずは、読み込まれたことが分かるように、グラフをクリアします。メニューの「**Clear**」をクリックし、表示されたダイアログで「OK」をクリックしてください。

<https://assets.st-note.com/img/1723341964056-bKXbuW72wf.png?width=2000&height=2000&fit=bounds&quality=85>

- グラフがクリアされ、キャンバスには何も表示されていない状態になります。

<https://assets.st-note.com/img/1723341964665-sqVilwCUp7.png?width=2000&height=2000&fit=bounds&quality=85>

- メニューの「**Load**」をクリックします。

<https://assets.st-note.com/img/1723341964075-aRucEd4JCN.png?width=2000&height=2000&fit=bounds&quality=85>

- ファイル選択ダイアログが表示されるので、キャンバスに読み込むワークフローのJSONファイルを選択します。

<https://assets.st-note.com/img/1723341964059-GPTK6NR0so.png?width=2000&height=2000&fit=bounds&quality=85>

- 選択したワークフローが読み込まれ、キャンバスにグラフが表示されます。

<https://assets.st-note.com/img/1723341964078-CgelRjxMT9.png?width=2000&height=2000&fit=bounds&quality=85>

### 2.2 画像からの呼び出し

画像に埋め込まれたワークフロー情報を利用してワークフローを呼び出す手順は以下の通りです

- 先ほどと同様にグラフをクリアします。メニューの「**Clear**」をクリックし、表示されたダイアログで「OK」をクリックしてください。

<https://assets.st-note.com/img/1723341964712-cuw8akdU3z.png?width=2000&height=2000&fit=bounds&quality=85>

- グラフがクリアされ、キャンバスには何も表示されていない状態になります。

<https://assets.st-note.com/img/1723341964095-8uG3zRY0P5.png?width=2000&height=2000&fit=bounds&quality=85>

- 保存した「workflow.svg」または「workflow.png」をキャンバスにドラッグ&ドロップします。

<https://assets.st-note.com/img/1723341964084-I98PmUif1e.png?width=2000&height=2000&fit=bounds&quality=85>

- ワークフローが読み込まれ、キャンバスにグラフが表示されます。

<https://assets.st-note.com/img/1723341964080-9XJYsE0Q4w.png?width=2000&height=2000&fit=bounds&quality=85>

## まとめ

ComfyUIでは、作成したワークフローを効率的に管理し再利用するために、いくつかの保存・呼び出し方法が用意されています。この記事では、主に**JSONファイルによる保存**と、**ComfyUI-Custom-Scriptsを利用した画像による保存**という2つの方法を解説しました。

JSONファイルによる保存は、ワークフロー全体をテキストデータとして保存する方法です。この方法は、ワークフローの詳細な設定を保持できるため、編集や再利用に最適です。一方、ComfyUI-Custom-Scriptsを利用した画像による保存は、ワークフローを視覚的に分かりやすい画像として保存する方法です。共有やプレゼンテーションに役立ちます。

本記事で紹介した方法を理解し、ワークフローを適切に保存・呼び出しすることで、作業効率の向上、共同作業の促進、そして創造的なワークフローの構築に繋がるでしょう。

次回はワークフローの公開・共有方法について解説します。乞うご期待！

AICU mediaのX(Twitter)[@AICUai](https://x.com/AICUai) のフォローもお忘れなく！

## 画像生成AI「ComfyUI」マスターPlan

画像生成AI「Stable Diffusion」特に「ComfyUI」を中心としたプロ向け映像制作・次世代の画像生成を学びたい方に向けたプランです。最新・実用的な記事を優先して、**ゼロから学ぶ「ComfyUI」マガジン**からまとめて購読できます。 メンバーシップ掲示板を使った質問も歓迎です。

- メンバー限定の会員証が発行されます
- 活動期間に応じたバッジを表示
- メンバー限定掲示板を閲覧できます
- メンバー特典記事を閲覧できます
- メンバー特典マガジンを閲覧できます
- 動画資料やworkflowといった資料への優先アクセスも予定

**ゼロから学ぶ「ComfyUI」マガジン**

[https://note.com/aicu/m/md2f2e57c0f3c](https://note.com/aicu/m/md2f2e57c0f3c)

マガジン単体の販売は1件あたり500円を予定しております。  
2件以上読むのであればメンバーシップ参加のほうがお得です！というのもメンバーシップ参加者にはもれなく「AICU Creator Union」へのDiscordリンクをお伝えし、メンバーオンリー掲示板の利用が可能になります。

[https://note.com/aicu/membership/boards/61ab0aa9374e/posts/db2f06cd3487?from=self](https://note.com/aicu/membership/boards/61ab0aa9374e/posts/db2f06cd3487?from=self)

もちろん、初月は無料でお試しいただけます！  
毎日新鮮で確かな情報が配信されるAICUメンバーシップ。  
退会率はとても低く、みなさまにご満足いただいております。

**✨️オトクなメンバーシップについての詳細はこちら**

<https://corp.aicu.ai/hs/cta/wi/redirect?encryptedPayload=AVxigLJdW8KlKg6CCt7S2tdALYLw%2BcZUVwKoTmrqLpsgaHIF0vzYdTFUaKCyVbadMslhSieD7ofFgTJy9m3reoizxRDM5v5PK1OmBaiyIpxzQvcyR6Qk6QktyyG8y%2BVCxIUb5yfaLj3bdDziRKiFGRF%2Brkeq%2BcqmV2Af&webInteractiveContentId=185006873894&portalId=43845236&hsLang=ja>

この記事の続きはこちらから [https://note.com/aicu/n/n41dcdc90dbe5](https://note.com/aicu/n/n41dcdc90dbe5)

Originally published at [https://note.com](https://note.com/aicu/n/n41dcdc90dbe5) on Aug 25, 2024.

[完全な記事を表示](https://corp.aicu.ai/ja/comfyui20240825)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "AICU Japan"
  },
  "dateModified" : "2025-03-07T23:52:23.038Z",
  "datePublished" : "2024-08-26T23:43:45Z",
  "headline" : "[ComfyMaster8]画像化も可能！ComfyUIワークフロー管理の基礎",
  "image" : {
    "@type" : "ImageObject",
    "height" : 628,
    "url" : "https://ja.aicu.ai/wp-content/uploads/2024/08/rectangle_large_type_2_132b217a20dd463ced8ecd6f78543446.webp.webp",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://corp.aicu.ai/ja/comfyui20240825",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://corp.aicu.ai/hubfs/AICU-Transp-512x512.png",
      "width" : 60.0
    },
    "name" : "AICU"
  }
}
```