外注前に、自分で叩き台を作る。ノーコードAI「Framer」で発注コストと内製の見極めをつける

アイキャッチ: 外注前に、自分で叩き台を作る — ノーコードAI「Framer」で発注コストと内製を見極める

執筆者:

カテゴリ:

採用ページを1枚作りたい、展示会告知のLPが要る、補助金採択の告知ページを社内外に出したい——こういった「小さいけど急ぎのWebページ」が発生するたび、一人DX担当は制作会社への発注か、自力でどうにかするかの二択を迫られがちです。発注するにしても「イメージをうまく伝えられず、提案が的外れで手戻りになる」のはよくある話でしょう。

Framerが公式に提供するAIサイト生成機能は、この「発注前にイメージを形にする」工程をノーコードで完結できるツールです。以下、Framer公式サイト(Framer AIFeaturesPricing)の内容を、実務での使いどころに引き直して紹介します。

動画: Framer公式YouTubeチャンネル「Framer Agentsによる生成・レイアウト・スタイリング」(原題・音声とも英語)

1. 何をしてくれる機能か

  • プロンプトで「作りたいページ」を説明すると、AIエージェントが編集可能なページ(レイアウト・コピー・ビジュアル込み)を生成する(Framer AI
  • 生成後はキャンバス上でレイアウト・セクション・ビジュアルスタイルをAIに指示して直接調整できる
  • 「コントラスト不足・タイポ・alt属性の欠落・SEO上の問題・スタイルの不統一」をAIが自動検出して修正提案するサイト審査機能がある(同上)
  • CMS(コンテンツ管理)機能を備え、Notion・WordPress・外部APIからのコンテンツ取り込みにも対応(Features
  • SEO関連(メタデータ・ソーシャルプレビュー・URL管理)を一元管理でき、パフォーマンス面では Core Web Vitals 実測値として LCP 1.1秒・INP 95ミリ秒・CLS 0.01 を公称(同上)
  • ホスティング込みで稼働率99.99%を公称。Claude Code・Cursor・GitHub等の外部AIツールからサイト操作する連携も用意されている(同上)

「デザインツール」ではなく「要件を言葉で伝えると動くページが返ってくる」設計になっている点が、Webデザインの専門知識がない一人DX担当にとっての実務的な差です。

2. 使い方

プロンプトからページ案を生成する流れ

作りたいページの目的・要素(例:「新商品の告知ページ。ヒーロー画像・特長3点・問い合わせボタンが欲しい」)をプロンプトとして入力すると、AIエージェントが編集可能なページ案を生成します。そこからキャンバス上で文言修正やレイアウト調整を加えていく流れです。

多言語展開はAuto Translateで自動追随

ローカライズ機能(Auto Translate)を有効にすると、既存ページの多言語展開もAIの自動翻訳で追随します(Auto Translate ヘルプ)。Framer公式ヘルプによると、Localization機能は238言語・地域変種に対応しており(対応言語一覧)、日本語(Japanese)も対応言語として明記されています。日本語ページの多言語運用を検討している方は、自社サイトのロケール設定画面で実際の挙動をご確認ください。

3. 料金プラン(2026-07-08更新・日本円表示)

プラン 月額(月払い) 月額(年払い時) AIクレジット CMSコレクション 帯域幅 備考
Free¥0¥0500/日(月間上限1,000)101GBFramerドメインのみ
Basic¥1,540¥1,0271,000/月〜250GBカスタムドメイン無料
Pro¥4,620¥3,0813,000/月〜10100GBステージング環境あり
Enterprise個別見積もりカスタムカスタムカスタムエディター数などカスタム

Framer Pricingより・2026-07-12確認。Freeプランでも10個までCMSコレクションを利用でき、いきなり有償プランへ上げなくてもCMS構成を試せます。追加エディター席は月払い¥3,080/月・年払い¥2,054/月。AI機能の利用は月次の「クレジット」制で、上位のクレジット枠を選ぶと月額も上がります)

訂正(2026-07-08): 公開時の本記事は「料金ページに日本円表示はなく米ドル建てのみ」と記載していましたが、現在の公式料金ページは日本語環境からのアクセスで日本円表示になることを確認しました。プラン内容もAIクレジット制を前提とした構成に変わっているため、上表を現行の公式表示に合わせて更新しています。契約前に必ず公式ページの最新表示をご確認ください。

4. 一人DX担当の業務でどう変わるか

一般的なWeb制作の工程は「要件定義→デザイン初稿→レビュー・修正→実装→公開」と進みますが、一人DX担当が最も消耗しやすいのは「要件定義」を言葉だけで制作会社に伝えきれず、初稿が的外れで手戻りが発生する部分です。

  • 発注前の”叩き台”としての使い方: プロンプトを打ち込むだけで、ラフなページ案がその場で仕上がります。これを「こういうイメージで」という視覚化された発注仕様書として制作会社に渡せば、初回提案のズレが減り、修正往復の回数を抑えられる可能性があります
  • 小規模ページの内製化: 採用ページ・単発イベント告知・補助金採択のお知らせなど、更新頻度が低く独立したページであれば、Framerだけで公開まで完結できる場合があります。月額約¥1,000(年払い時)〜と、社内稟議のハードルも低めです
  • ただし全部を内製に置き換えられるわけではない: 会社全体のブランド一貫性、複雑な業務システム連携、SEO設計の全体最適が絡む本格的なコーポレートサイト刷新は、引き続き専門家の設計判断が必要な領域です。Framerは「発注前の可視化」と「小さく完結するページ」を担う道具として位置づけるのが実務的でしょう

5. 次の一手

「このページ、Framerで内製できる規模なのか、それとも制作会社に頼むべき規模なのか」は、制作の現場を知らないと切り分けが難しい判断です。見誤ると「内製したが結局作り直しで外注した」「逆に小さな案件を高い制作費で発注してしまった」という二種類の損が起こり得ます。

「うちのこのページ、内製と外注どちらが合うか」を一度整理したい方は、無料30分のヒアリングで具体的に検討できます。無料30分ヒアリングの詳細はこちら

開示: First CH合同会社自体もWeb制作を受託する事業者であり、本記事の「内製 or 外注の見極め」という切り口には利益相反となりうる要素が含まれる旨をここに明記します。

「うちの場合はどうか」を一度整理しませんか

ツールの情報だけでは、自社にとって最適な導入判断はできません。無料30分のヒアリングで、次の一手を一緒に考えます。