Framer

Framer

テキストプロンプト1つでデザインから公開まで即座に完了する、AI搭載のレスポンシブWebビルダー

無料+有料WebMacWindowsLLMベースマルチモーダル
公式サイトへframer.com
10Web と比較Framer の代替ツールを見る

概要

Framer AIは、テキストプロンプトからWebサイトのレイアウトやコンポーネントのドラフトを作成できるサイトビルダーです。Figmaのように要素を自由に配置できるキャンバス上で作業し、AIによる多言語翻訳、CMS、インタラクション・アニメーションの編集を1つの画面で処理できます。デザイナーにとって馴染みのあるキャンバス編集方式をそのまま使用しながら、コードなしで公開(パブリッシュ)まで完結できるため、個人のポートフォリオから企業のマーケティングページまで幅広く利用されています。Figmaで作成したデザインをそのままインポートして実際のサイトに変換するルートも用意されています。

差別化ポイント

  • デザイン編集と実際の公開を同じキャンバス上で完結させるワークフロー
  • ページ全体の構造から個別コンポーネントまでAIが草案を生成できる範囲の広さ
  • サイト全体を一度に多言語化するAIローカライゼーション機能

主な機能

  • Wireframer・Workshop AI機能がすべてのプランに標準搭載
  • オンページ編集 — 公開中のページをブラウザ上で直接修正
  • CMS — 動的コンテンツの管理およびパブリッシング
  • 無制限のフォーム送信(すべてのプラン)
  • インタラクション・アニメーションのノーコードビルダー
  • すべてのプランで下書き(ドラフト)機能を提供

メリット・デメリット

ウェブ検索で収集したユーザーの声をまとめたものです

メリット

  • デザインツールレベルの細かいレイアウト・フォント制御が可能です
  • コードなしでスクロールやホバーといったインタラクションを直接作成できます
  • AIで素早く草案を作成し、多言語翻訳まで一つのツールで対応します
  • Figmaに近い画面構成のため、デザイナーが習得しやすいです

デメリット

  • 機能が豊富なため、ウェブデザイン初心者には学習難易度が高い
  • 複雑なバックエンド機能やデータベース連携には限界がある
  • 高度な機能向けの料金プランが他のビルダーと比べてやや高め

料金

無料+有料開始価格: US$10/月

Freeプランは個人プロジェクトの探索向けです。Basicは月$10(年間払い、30ページ + 10GB)、Proは月$30(150ページ + 100GB)、Scaleは月$100+(300ページ + 200GB)で、Enterpriseはカスタム対応です。追加編集者はBasicが$20/人、Pro/Scaleが$40/人で、ConvertアドオN($50、50万イベント)とAdvanced Hosting($200)のオプションがあります。

料金表を見る

情報確認日:

活用事例

  • スタートアップや代理店のランディングページおよびマーケティングサイトの制作
  • ポートフォリオや個人ブランドサイトの構築
  • プロトタイプから実際の公開まで単一のツールで完結
  • デザインシステムに基づいたチームコラボレーションサイトの管理

対象ユーザー

プロダクトデザイナーおよびUI/UXデザイナーマーケティングチームおよびスタートアップ創業者ポートフォリオサイトが必要なフリーランサーノーコードで高品質なウェブサイトを求めるクリエイター

検証の根拠

会社・料金・機能の情報は、以下の一次情報と直近の検証記録に基づいて表示しています。出典が食い違う場合は、公式の一次情報と最新の検証結果を優先します。

最終検証 2026/08/02検証済み出典2件

代替ツール

この代わりに使えるツール