カオスマップに戻る
公式サイト
Framer AI
概要
Framer は元々デザイナー向けのプロトタイピングツールでしたが、AI 機能を強化してノーコードのAIウェブサイトビルダーとして進化しました。2025年10月に料金体系が再編され、AI ツールキットが拡張。Wireframer（AI ワイヤーフレーム生成）、Workshop（AI 支援デザイン反復）、AI サイト生成が全プランで利用可能になりました。
主な特徴
AI サイト生成
プロンプトから完全なウェブサイトを自動生成。全プランで利用可能。
Wireframer
AI でワイヤーフレームを自動生成。デザインの初期段階から AI が支援します。
Workshop
AI 支援によるデザインイテレーション。既存のデザインを AI で改善・調整できます。
On-Page Editing
ブラウザでライブページを直接編集。変更が即座に反映され、デザイン-実装のラウンドトリップが不要。
ビルトイン機能
- レスポンシブデザインの自動対応
- CMS 機能
- SEO 最適化
- カスタムドメイン
- アナリティクス
- Figma インポート
テンプレートマーケットプレイス
有料・無料のテンプレートが豊富。
プラン・料金（2025年10月改定）
| プラン | 月額 | 特徴 |
|---|---|---|
| Free | $0 | framer.site サブドメイン、基本機能 |
| Mini | $5 | 小規模サイト向け |
| Basic | $15 | カスタムドメイン、基本サイト |
| Pro | $25 | CMS、高度な機能 |
| Scale | — | 大規模向け |
| Enterprise | カスタム | 企業向け |
従来の 7 ティアが 5 ティアに再編されました。
代表的な活用例
- ポートフォリオサイトの高速制作
- ランディングページ
- スタートアップの MVP サイト
- プロトタイプの公開
- Figma デザインのウェブ化
強み
- ✅ ノーコードで本格的なサイトが作れる
- ✅ AI 機能が全プランで利用可能
- ✅ On-Page Editing で即座に更新
- ✅ Figma インポート対応
- ✅ CMS ビルトイン
- ✅ デザイナー向け UIで直感的
弱み
- ❌ 大規模・複雑なサイトには不向き
- ❌ カスタムコードの自由度は限定的
- ❌ Webflow に比べるとマーケ機能が弱い
- ❌ 日本語フォント・SEO は工夫が必要