Draftbit
Build mobile apps, web apps, and websites with AI agents plus visual editing.
Draftbitとは?
Draftbitは、AIエージェントとビジュアルエディタを同じ開発フローに載せたアプリ構築SaaSです。2026年8月時点の公式価格ページでは、Free/Standard/Pro/Team/Enterprise のプランが公開されており、Claude Code と OpenAI Codex を標準体験の一部として組み込んでいます。
特徴は、単なるノーコードではなく、AIチャット、ビジュアル編集、コード編集、Supabase backend、複数サンドボックス運用を横断している点です。モバイル中心の印象が強かったプロダクトですが、現在はWeb AppsやWebsitesまで射程を広げています。
一方で、公開されているREST APIドキュメントは、Draftbit自身の管理APIではなく、作成中アプリから外部REST APIへ接続するための機能説明です。そのため、Agent Readyは「AIネイティブなビルダー」として高い一方、SaaS自体を外部AIから操作する公開APIプロダクトとしては扱わないのが妥当です。
SaaS MAPで見るDraftbitの判断ポイント
向いているケース
Draftbitは、無料枠や低価格帯から試しながら導入判断を進めたい場合に検討しやすい候補です。
導入前に確認したいこと
日本語UIや日本語ドキュメントは限定的な可能性があります。API連携や自動化用途では事前確認が必要です。日本円請求書や支払い条件は導入前に確認したい。
評価に使っているDB項目
- ✓ ノーコードサイト・LP制作領域で、Build mobile apps, web apps, and websites with AI agents plus visual editing.
- ✓ 料金面は無料枠あり。個人・小規模チームでも試しやすいかを確認しやすい。
- ✓ 公開APIやMCPなどの開発者向け連携は、導入前に公式情報で確認したい。
- ✓ AI活用はネイティブAI搭載で、日常業務への組み込みやすさを評価できる。
Draftbitでできること
AIエージェントでアプリを生成
Claude CodeやOpenAI Codexを選び、チャットベースで画面・ロジック・構成の実装を進められます。
ビジュアル編集とコード編集を両立
コンポーネントを視覚的に操作しつつ、必要に応じてコードにも直接手を入れられます。
モバイルとWebを同じ基盤で扱う
モバイルアプリ、Webアプリ、Webサイトを1つのビルダー体験で管理できます。
こんな使い方
社内MVPをAI主体で立ち上げる
Founder / Product Builder要件の粗い段階からAIエージェントに画面・データ連携の下書きを作らせたいプロダクトチームに向きます。
非エンジニアも入るチーム開発を進める
Product TeamデザイナーやPMがビジュアル編集を使い、開発者がコードやAI設定を詰める共同作業に適しています。
メリット・デメリット
メリット
- ✓ Claude Code と Codex を標準体験として組み込む
- ✓ Freeから試せて価格表が明快
- ✓ ビジュアル編集とコード編集を往復できる
デメリット
- × 公開API/SDKでDraftbit自体を操作する設計ではない
- × エージェント実行やクレジット消費はプラン依存
- × 日本語UIや請求対応は未確認
料金プラン
料金は記事執筆時点(2026年4月)の情報です。為替レートやプラン改定により変動する場合があります。最新情報は Draftbit公式サイト をご確認ください。
- Free forever
- 5,000 one-time credits
- 1 sandbox
- 1 sandbox
- Add editor seats for $8/seat/mo
- Use your own AI key or credits
- Up to 3 sandboxes
- Add editor seats for $16/seat/mo
- Advanced control and AI features
- 10 editor seats included
- Live collaboration
- Run up to 10 agents at once
AI観点の評価
- ✓ AI app builder
- ✓ visual editing
- ✓ Codex and Claude Code support
日本対応
よくある質問
2件
▾
Q. DraftbitはどのAIエージェントを使えますか?
▾
Q. 無料プランはありますか?
▾
クイック情報
- 料金モデル
- freemium
- 公開年
注意・補足
- · source:new-launch-watch
- · 公式: https://draftbit.com/
- · Pricing: https://draftbit.com/pricing/
- · AI App Builder docs: https://docs.draftbit.com/features/ai-app-builder/
- · Agent customization docs: https://docs.draftbit.com/features/agent-instructions/
- · REST API integrations docs: https://docs.draftbit.com/docs/rest-api-integrations/ (Draftbit自身の公開APIではなく、作成アプリから外部APIを使う機能説明)
- · Agent Ready 調査(2026-08-03): Pricing / AI builder docs: https://draftbit.com/pricing/ と https://docs.draftbit.com/features/ai-app-builder/ (Claude Code / Codex 組み込みは確認。公開API/SDK/OpenAPI/Webhook署名/OAuth の一次情報は未確認) / REST API docs: https://docs.draftbit.com/docs/rest-api-integrations/ (Draftbit自身の公開APIではなく、作成アプリから外部REST APIを使う機能説明)