概要
手書きで書いた業務フロー図をスマホで撮影し、マルチモーダルAI（Claude）に渡すことでdraw.ioのファイルを自動生成した。清書の手間をゼロにする業務改善の取り組み。
こんな人に刺さる
- draw.ioの操作が苦手で清書が億劫な人
- 手書きのまま放置してしまいがちな人
課題
業務フローを設計するとき、まず紙に手書きで書いてから、draw.ioやExcelに清書するという二度手間が発生していた。
- 手書きは速いが、デジタル化が面倒
- draw.ioの操作に慣れていないと時間がかかる
- 清書中に内容を変更したくなることも多い
解決方法
手書き画像をそのままAIに渡してdraw.ioのXMLを生成させる。
手順
- 手書きのフロー図を紙に書く
- スマホで撮影する
- ClaudeなどのマルチモーダルAIに画像を添付して依頼する
- 出力されたdraw.ioファイルを開く
AIへの指示例
この手書きのフロー図をdraw.ioのXML形式で書き起こしてください。
- スイムレーン形式で表現する
- 従来フローと改善後フローを分けて表示する
実例
入力（手書き）
出力（draw.io）
AIが読み取った内容：
- 従来フロー：新入社員（聞く）→ 教育担当（説明 → スライドで説明 → 画面共有）→ 完了
- 改善後フロー：新入社員（見る）→ PC/動画 → 完了 ※教育担当は質問対応（任意）
費用・工数
費用
| ツール | 費用 |
|---|---|
| Claude.ai（無料プラン） | 無料（回数制限あり） |
| Claude.ai（Proプラン） | $20/月 |
| draw.io | 無料 |
ほぼ無料で導入できる。
工数
| 作業 | 時間 |
|---|---|
| 手書き | 5〜10分 |
| 撮影 | 1分 |
| AI生成 | 1〜2分 |
| 微調整 | 5〜10分 |
| 合計 | 約15〜20分 |
効果
| 項目 | 従来 | 改善後 |
|---|---|---|
| フロー図の清書時間 | 30分〜1時間 | 15〜20分 |
| draw.ioの操作スキル | 必要 | 不要 |
| 手書きのまま放置 | よくある | なくなる |
限界・注意点
- 複雑な図や文字が読みにくい場合は精度が落ちる
- 生成後に微調整が必要なケースがある
- draw.ioのレイアウトが手書きと完全一致するわけではない
まとめ
「手書き → デジタル清書」という二度手間をAIで解消できた。
draw.ioに限らず、MermaidやPlantUMLへの変換も同じ方法で応用できる。
ホワイトボードに書き殴った業務フローをスマホで撮ってそのまま清書する用途にも使えるので、会議後の議事録整理にも活用できそう。