画面設計
フォーム・ボタン・テーブルなどのUI部品をドラッグで配置。スニペットとコンポーネントライブラリで、ワイヤーフレームを高速に組み立てられます。
FEATURES
設計のすべてを、ひとつの流れで。
ワイヤーフレーム・エンティティ・DDL を、ツールを行き来せず Framingo のキャンバスひとつで。頭の中にある設計を、そのまま形にできます。
エンティティ設計
画面で使うデータを「エンティティ」としてまとめておく場所。項目の名前やサンプルを決めておけば、画面づくりにもDBにも、そのまま活かせます。
DB設計
カラム・型・制約・インデックスをGUIで設定すると、CREATE TABLE のSQLをリアルタイムにプレビュー。エンティティからカラムを一括追加もできます。
AI連携・import / export
MCP（Model Context Protocol）で、Claude Desktop などのAIエージェントから Framingo を操作。JSON での import / export にも対応し、設計データをAIとやり取りできます。
framingo-mcp
connected
ログイン画面を作って
framingo.create_screen
HANDOFF ― AIへ
いつものAIから、
AI連携を試す↗
いつものAIから、
Framingoを操作。
Claude Desktop など、普段使っているAIエージェントに Framingo の MCP サーバーを接続。「ログイン画面を作って」と伝えると、プロジェクトのエンティティやDB設計を参照しながら、画面を直接生成できます。
1
MCPサーバーを接続
設定ファイルに Framingo を追加するだけ。Claude Desktop などのAIツールから利用できます。
設定ファイルに Framingo を追加するだけ。Claude Desktop などのAIツールから利用できます。
2
AIエージェントに指示
作りたい画面やデータ構造を、いつものチャットで伝える。
作りたい画面やデータ構造を、いつものチャットで伝える。
3
その場で生成
ワイヤーフレームやエンティティが、プロジェクトに直接反映される。
ワイヤーフレームやエンティティが、プロジェクトに直接反映される。
PersonalAI連携（MCP）はログイン後、Personal プランで利用できます
You
あなた
「アカウント」エンティティを使って、メールとパスワードのログイン画面を作って。AI
AI
プロジェクトを確認しました。アカウント エンティティのフィールドを使って画面を生成します。
✦ framingo.create_screen(name:"ログイン")✓ done
PRICING
小さく始めやすい価格。
まずは無料で、画面・エンティティ・DB の設計を試せます。共有を広げたり AI/MCP 連携を使いたくなったら、月 ¥490 の Personal へ。
Free
¥0/ 永久無料
試作や検討に。画面・エンティティ・DB 設計の基本機能を使えます。
まず試す
AI/MCP なし・共有は1フローまで
無料で始める
- 画面 / エンティティ / DB 設計
- SQL / DDL export
- 共有リンク（1フロー）
- ログイン不要・ブラウザで保存
- MCP連携（Personal）
- 共有リンク無制限（Personal）
Personal
¥490/ 月（税込）
継続的な設計や共有に。AI連携と無制限の共有まで使えます。
フル利用
AI/MCP 連携・共有リンク無制限
Personal を始める↗
- Free のすべての機能
- MCP連携でAI自動生成
- 共有リンク無制限（Freeは1フロー）
- 優先サポート