ブラウザで動く設計ツール

システム設計を、
もっとシンプルに。

DB・サーバー・アプリ・ユーザーを直感的に配置してデータフローを可視化。
インストール不要、ファイルはローカル保存。

バックエンド メッセージング PostgreSQL Spring Boot 📱 React UI 👤 ユーザー 📨 RocketMQ 🔗 外部サービス JDBC REST API HTTPS Pub/Sub Event
BluePrintでできること
🗄️
直感的なノード配置
DB・サーバー・アプリ・ユーザーなど8種類のノードをドラッグ&ドロップで配置。アイコンは35種類から自由に変更可能。
🔗
スマートなエッジ配線
ポートをドラッグするだけで直角折れ線のエッジを自動生成。太さ・色・線種・方向を自由にカスタマイズ。
レイヤーエリアで整理
Shift+ドラッグでグループエリアを作成。エリアを移動すれば内包するノードが一緒に動く。複製も一発。
💾
完全ローカル保存
業務データはすべてローカルファイル(.txt)に保存。クラウドに送信しないので機密情報も安心して扱える。
🔍
ズーム&パン
ホイールズーム(0.2×〜3.0×)と慣性パンで大規模な構成図も快適にナビゲート。
🌐
インストール不要
単一のHTMLファイルをブラウザで開くだけ。FirebaseホスティングにデプロイすればチームでURLを共有可能。
さっそく設計を始めよう
ブラウザだけで、今すぐ使える
ノード追加
または選択してドラッグ →
操作
・ノードをドラッグして配置
・ポート ● から矢印を引く
・背景ドラッグでスクロール
・Shift+ドラッグでエリア作成
・ダブルクリックでラベル編集
・Del で削除
v1.7.2 — Release Notes
+ ノードを追加