ローカルファイル。アカウント不要。
図は自分のMacに保存。プロジェクトのファイルと一緒に管理でき、デスクトップ版にクラウドアカウントは不要です。
WEB / APP / DATABASE / ARCHITECTURE
画面設計から、
システム設計まで。
Webサイトやアプリの画面を描く。データベースを設計する。システムのアーキテクチャを組み立てる。ユーザーが触れるUIから、その裏側の構造まで、ひとつのアプリで設計できます。
macOS 12以降 · Apple Silicon · 無料・オープンソース
product-design.jsonlDESIGN
Web・アプリのデザイン
データベース設計
アーキテクチャ設計
プロダクトの設計を、ひとつのキャンバスで。
Web、アプリ、DB、
アーキテクチャ。
Webのレイアウト、モバイルの画面、データモデル、システム構成。アートボードや再利用できるコンポーネントと、専用の図形を使って、プロダクトの表側も裏側も設計できます。
01 / 07編集できるサンプルをダウンロード
ブラウザで使う体験を設計。
アートボードでWebのレイアウトを作成。オートレイアウトや制約で要素を配置し、コンポーネントを再利用しながら画面を組み立てます。
02 / 07編集できるサンプルをダウンロード
モバイルの画面と体験を設計。
iPhone・Android・タブレットのアートボードで画面を作成。セーフエリア、コンポーネント、プロトタイプのリンクで画面遷移を検討できます。
04 / 07編集できるサンプルをダウンロード
画面の裏側にあるシステムを設計。
クライアント、サービス、データベース、ストレージを接続。システムの境界や依存関係を整理し、UMLやシーケンス図で詳細まで表現できます。
いつものプロジェクトと、一緒に。
見て描く。
テキストでも扱う。
デスクトップアプリと同梱のnodetto-cliは、同じJSONLファイルを扱います。手で描くことも、ターミナルから確認することも、自分のAIエージェントに編集を手伝ってもらうことも。
CLIガイドを読むnodetto-cli
ターミナルから、図を扱う
$ nodetto-cli inspect shop.jsonl
document "Shop"
page p1 "Schema" erd
erd.table users
column id uuid pk
column email text
erd.table orders
erd.relation orders → users
$ nodetto-cli export shop.jsonl \
--format svg --output shop.svgCLIはMacアプリに同梱。Homebrewならコマンドも自動でリンクされます。
いつものAIと。
簡潔なアウトラインやJSONで構造を渡し、構造化された編集を適用して描画。今あるエージェントやツールを使えます。
必要な形で、持ち出せる。
共有にはSVG・PNG・PDF、開発フローにはMermaid・D2・SQL。図の種類に合わせた形式で書き出せます。
さっそく、描いてみよう。
次のプロダクトを、
ここから設計する。
Apple Silicon（M1以降）のMac向け。DMGをダウンロードするか、ターミナルからインストールできます。
アプリをダウンロード
macOS 12+ · Apple Silicon
- GitHubの最新リリースからApple Silicon用の.dmgをダウンロード。
- DMGを開き、Nodetto.appをApplicationsにドラッグ。
- アプリケーションからNodettoを起動して、描き始めましょう。
ターミナルからなら
Homebrewが必要ですbrew install --cask tacogips/tap/nodettoインストール済みのアプリを更新
brew update
brew upgrade --cask tacogips/tap/nodetto図のファイルを開く
open -a Nodetto shop.jsonl気になること。
無料で使えますか？
はい。NodettoはMITライセンスのオープンソースソフトウェアです。デスクトップアプリは無料でダウンロードできます。
どのMacで動きますか？
配布中のMac版はApple Silicon（M1以降）、macOS 12 Monterey以降に対応しています。ソースからのビルドについてはGitHubをご覧ください。
図はどこに保存されますか？
Mac上のローカルJSONLファイルに保存されます。プロジェクトと一緒に管理したり、バージョン管理に追加したり、必要な形式に書き出せます。
AIアシスタントが内蔵されていますか？
同梱のCLIを自分のAIエージェントと組み合わせて使えます。デスクトップアプリに、モデルの契約やアカウントは不要です。
クラウド版はありますか？
このページはデスクトップ版の紹介です。クラウド版は別途予定していますが、現在このサイトでは提供していません。