Studio.Assistantとは？料金・使い方と複数ページ対応で変わった点

Studio.Assistantとは｜ヒアリングから初稿デザインまでを生成するStudioのAI

Studio.Assistantとは、ヒアリング内容をもとにWebサイトのサイトマップとデザインを自動生成する、Studioの有料アドオン機能です。

Studio株式会社は2026年9月7日に正式版をリリースし、公式ではこれを「AI搭載のWeb制作OS」と表現しています。要件整理から情報設計、ワイヤーフレーム作成、デザインドラフト生成までを一気通貫で支援する位置づけです。

Web制作の初期工程を丸ごと引き受ける

Studio.Assistantが担当するのは、制作の中でも上流に当たる部分です。サイト名・目的・カテゴリ・事業説明といった要件を入力すると、そこからページ構成を組み立て、ワイヤーフレーム形式のドラフトを起こし、複数ページ分のデザインまで一度に生成します。

生成物は完成品ではなく、あくまで編集可能なドラフトです。Studioは「AI Drafts, You Craft.」というコンセプトを掲げており、AIが構成と土台を立ち上げ、人が判断を加えて仕上げるという役割分担を前提にしています。要件を整理し、構成を描き、たたき台を用意するところまでをAIが担うぶん、人はデザインの詰めと文言の精度に時間を使えます。

対象になるのはコーポレートサイト・サービスサイト・採用サイトのような、小〜中規模の複数ページサイトです。ECサイトのような動的機能を中心に据えたサイトではなく、情報を整理して見せる型のサイトが得意領域と考えるとイメージが合います。

ノーコードWeb制作Studioとの関係

StudioはWebサイトをコードを書かずに構築・公開・運用できる国産のノーコードプラットフォームで、Studio.Assistantはその上に載る別プランの機能です。デザインエディタの契約とは料金体系が分かれており、Studio.Assistantを使うには専用プランの契約が必要になります。

両者は生成と仕上げで役割が分かれています。Studio.Assistantで生成したサイトはデザインエディタへ書き出すことができ、書き出した後は通常のStudioと同じようにレイアウトを詰めたり、CMSをつないだり、公開設定を済ませたりできます。逆にデザインエディタ側で作ったデータをStudio.Assistantへ取り込むこともできるため、途中から合流させる使い方も取れます。

なお、Studio株式会社は2026年9月1日に既存サイトの移行を主眼にした別プロダクトStudio.Dropも発表しています。Studio.Assistantが新規制作の初期工程を対象にしているのに対し、Studio.Dropは運用中のサイトを取り込んで動かしやすくすることを狙っており、入口が異なります。

関連記事：Studio.Dropとは？できること・使い方・料金・Studioとの違いを解説

Studio.Assistantでできること｜サイトマップからドラフトデザインまで

Studio.Assistantでできることは、大きく「要件の整理」「構成とデザインの生成」「生成後の調整」の3つに分かれます。それぞれが独立した機能ではなく、1本の流れとしてつながっている点が特徴です。

ヒアリング内容から要件とサイトマップを整理する

最初に入力するのは、サイトの基本情報です。名称、目的、カテゴリ、事業やサービスの説明、使用予定のURL、写真を検索するキーワードといった項目を埋めていきます。ヒアリングシートに書き出す内容をそのまま画面上で構造化していくイメージです。

あわせて、生成されるサイトの方向性をスライダーで指定します。テキストと写真のどちらを重視するか、問い合わせや購入をどの程度積極的に促すか、ページ数をどの規模にするかの3つを動かすと、設定値の内容が画面上で確認できます。ロゴ素材をアップロードすると、ロゴから抽出したカラーコードをキーカラーとして指定することもできます。

整理した要件からはサイトマップが生成され、ページの追加・削除・並び替えをその場で行えます。ここで構成を固めてから生成に進む流れになるため、いきなりデザインが出てくるのではなく、情報設計の段階で一度手を入れられる構造です。

ワイヤーフレームとドラフトデザインを複数ページ分生成する

デザイン面では、デザインプリセットの選択、文字・背景・アクセントの3色の指定、フォントの指定を行います。ここまで設定して生成を実行すると、ページの生成、テキストの生成、画像の生成の順に処理が進み、キャンバス上に内容が入っていく様子を確認できます。各段階にはキャンセルがあり、途中で止めることもできます。

正式版では、ワイヤーフレーム形式のドラフトに加えて、複数ページ分のドラフトデザインをまとめて生成できるようになりました。レスポンシブビューにも対応しているため、デスクトップとモバイルの見え方を同じ画面で確認しながら進められます。

画像はアップロード済みのロゴ・画像素材のほか、写真検索キーワードをもとに提案されるStudio.StockのAI生成画像を利用できます。素材を別途探して当てはめる手間が減るぶん、初稿の見た目が早く固まります。

生成後のサイトをセクション単位で調整する

生成したあとは、ページを個別に編集していきます。扱えるセクションはヘッダー・ヒーロー・特徴・料金・よくある質問・お問い合わせなど用途別に37種類あり、コピー・カット・ペースト・複製がセクション単位で行えます。

複数のセクションをまとめて動かす場合は、Shiftキーを押しながらクリックすると範囲で選択でき、⌘キーを押しながらクリックすると個別に追加して選択できます。まとめて操作したときは、取り消しとやり直しもまとめて反映されます。

Proプランでは、サイトの内容をExcel形式のシートで書き出して読み込む運用も選べます。用意されているのはヒアリングシート、文言入力シート、サイトマップシートの3種類で、文言の差し替えやページ構成の入れ替えを表計算ソフト側でまとめて済ませられます。生成の設定は設定ファイルとして保存し、別のサイトで再利用することもできます。

Studio.Assistantのベータ版と正式版の違い｜シングルページから複数ページへ

Studio.Assistantは2025年12月23日にベータ版として公開され、2026年9月7日に正式版がリリースされました。検索で見つかる使用レビューの多くはベータ版の時期に書かれたものなので、前提が変わっている点を先に押さえておくと読み違えを防げます。

最大の変更は対応範囲です。ベータ版は「現時点ではシングルページの制作を対象」と明記されており、1ページものを作る用途に限られていました。正式版ではコーポレートサイト・サービスサイト・採用サイトのような複数ページ構成に対応し、サイトマップでページ単位の管理ができるようになっています。

提供形態も変わりました。ベータ版は専用フォームからの申し込みで先行ユーザーだけが使える形でしたが、正式版はStudioの有料アドオンとして誰でも契約できます。「シングルページしか作れない」「申し込まないと使えない」という記述に当たったら、それはベータ版時点の情報だと判断して問題ありません。

AIエージェントの作り方

AIエージェントを「どう作り、どう育てるか」を、GiftX記事制作エージェントの実物で解説。

無料ダウンロード →

Studio.Assistantの使い方｜契約から初稿生成、エクスポートまでの流れ

実際の作業は、契約、要件とデザインの設定、生成、調整、エクスポートの順に進みます。ここでは公式ヘルプに記載された手順に沿って、一連の流れを追っていきます。

専用プランを契約して14日間の無料体験を始める

Studio.Assistantを開くと、プランの契約を促す画面が表示されます。年払いへの切り替えを選んでから、StarterまたはProのどちらで始めるかを選び、支払い情報を登録します。支払い情報の登録が完了した時点で、14日間の無料体験が始まります。

契約が済んだら、新規プロジェクトから始めるか、作成済みのプロジェクトから始めるかを選びます。新しく作る場合はStudioにログインして新しいプロジェクトを選び、そこからアシスタントを選択します。既存のプロジェクトで使う場合は、プロジェクト一覧から対象を開いてアシスタントを選択します。

ヒアリングとデザインを設定してドラフトを生成する

画面左のパネルはヒアリングとデザインに分かれており、両方を設定してから生成を実行します。ヒアリング側でサイトの概要とコンテンツタイプ、素材を入力し、デザイン側でプリセット・色・フォントを指定する構成です。

設定が終わったら、デザインを生成を選び、確認画面の内容を確かめてから生成に進みます。生成中は画面上部に進行状況が表示され、既存のサイトは読み取り専用になります。生成中に別のプロジェクトへ切り替えた場合も、処理は安全に中断されます。

ここで押さえておきたいのが、生成するとプロジェクトの現在のページはすべて置き換わるという仕様です。生成完了後に操作内容を元に戻すことはできないため、進行中の案件のプロジェクトで試すのは避け、新規プロジェクトを立てて実行するのが安全です。

サイトマップとセクションで構成を整える

生成後は、サイトマップでサイト全体のページ構成を俯瞰し、その場でページを追加したり、不要なページを削除したり、順番を入れ替えたりします。全体の並びを先に決めてから、各ページの中身に降りていく順番で進めると手戻りが減ります。

ページ単位の調整では、セクションのコピー・複製・入れ替えを使って構成を組み替えます。画像の差し替えやフォントの個別指定もこの段階で行い、初稿として見せられる状態まで持っていきます。セクションの追加・移動・選択はキーボードだけでも操作できるため、同じ構成を何本も組む場合は手が止まりにくくなります。

Proプランを使っている場合は、文言入力シートで本文をまとめて差し替える方法も選べます。文章の確認を別担当が受け持つ体制なら、画面上で1つずつ直すよりシートを回すほうが早く終わります。

デザインエディタへエクスポートして公開へ進む

仕上げの段階では、生成したサイトをデザインエディタへ書き出します。書き出したあとはStudio上でそのまま編集・実装・公開へ移行でき、ヘッダーとフッターはデザインエディタのコンポーネントとして扱われます。

書き出し方はプランで差があり、Starterはページごとの書き出し、Proは全ページの一括書き出しに対応しています。ページ数が多いサイトを扱う頻度が高いほど、この差が作業時間に効いてきます。

注意したいのは、エクスポートしただけでは公開サイトには反映されない点です。デザインエディタの公開パネルで公開設定を済ませたうえで、公開または更新の操作を行って初めて公開されます。

Studio.Assistantの料金｜StarterとProの違いと選び方

Studio.AssistantにはStarterとProの2つのプランがあり、それぞれ月払いと年払いを選べます。デザインエディタの契約とは別建てなので、Studio本体の料金に上乗せされる費用として見積もる必要があります。以下は2026年9月時点の税込価格です（出典: studio.design）。

月間の使用量はプランごとに異なるため、制作本数が多い場合は上限も含めて確認しておくと安心です。

StarterとProの機能差

Starterでもサイトマップと複数ページのデザイン生成は使えます。Proで追加されるのは、全ページ一括の入出力、Excel形式の3種類のシート、カスタムパネルやカスタムプリセットといった設定の作り込みに関わる機能です。

選び方の目安は、シート連携と一括書き出しを使うかどうかに集約されます。1人で数ページのサイトを作るならStarterで足り、複数人で分担して文言や構成をシートで回すならProの機能が効いてきます。月額の差は7万円台（2026年9月時点）なので、シートを使わない運用でProを選ぶと費用だけが増えます。

14日間の無料体験と自動課金の条件

どちらのプランも、開始から14日間は無料で利用できます。ただし無料体験は初回の契約にのみ適用され、登録から14日が経過すると選んだプランの請求が自動で始まります。請求を発生させたくない場合は、14日以内に解約の手続きが必要です。

プランの切り替えは契約期間が満了した時点で適用され、期間中の日割り精算と返金はありません。とくにPro年払いは契約期間の途中で他のプランへ移れず、いったん解約して期間の終了を待ってから契約し直す形になります。年払いは月あたりの単価が下がりますが、運用が固まる前に選ぶと動かしにくくなる点は踏まえておきたいところです。

Studio.AssistantでAIに任せる工程と、人が仕上げる工程

Studio.Assistantを入れて効果が出るかどうかは、どこまでをAIに任せる前提で設計するかで決まります。公式が掲げる「AI Drafts, You Craft.」は、AIが構成と土台を立ち上げ、人が判断と仕上げを担うという線引きを示したものです。

この線引きは、現場の詰まり方とも一致します。GiftXのビジネス職生成AI活用実態調査2026では、デザイナー職のAI利用率は60.3%で7職種の中でも高い水準にある一方、個人が感じている課題として「出力が実務でそのまま使えない」が突出していました（複数回答）。使ってはいるが、そのまま出せる品質には届かないという状態です。

だからこそ、生成物を確認して直す工程を最初から誰かの担当として置いておく設計が要ります。GiftXのAI活用コンテンツ制作支援も、生成物をそのまま納品せず、専門チームによる最終レビューを工程に含めています。

詳細な調査データは「ビジネス職生成AI活用実態調査（2026年版）」にてご覧ください。

AI活用実態調査レポート

全国8,000人調査で、AIの活用方法によって生産性向上に約3.8倍の差が生まれることが判明。

無料ダウンロード →

関連記事：AIで記事制作を自動化する仕組み｜質と独自性を高める「AI編集部」のつくり方

Studio.Assistantを導入する前に確認しておきたい注意点

仕様として押さえておきたい点がいくつかあります。いずれも公式ヘルプに明記されているもので、知らずに進めると手戻りが発生する種類の内容です。

• 生成は既存ページを置き換える：生成を実行するとプロジェクトの現在のページはすべて置き換わり、完了後に元へ戻すことはできません
• エクスポートは公開ではない：デザインエディタへ書き出しただけでは公開サイトに反映されず、公開パネルでの公開・更新操作が別途必要です
• 共同編集は個人単位が前提：Studio.Assistant上の作業は個人での利用を前提としており、複数人での同時編集はエクスポート後のデザインエディタ側で行います
• 対応言語は日本語と英語：インターフェース、チャット、生成されるテキストのいずれも、この2言語が対象です
• 入力内容はAIの学習に使われない：作成したサイトやコンテンツをAIの学習目的で利用することはないと明記されています

データの扱いが明記されている点は、社内で稟議を通すときの材料になります。一方で共同編集の制約は、複数人で並行して初稿を作る体制だと運用の設計に影響するため、誰が生成を担当するかを先に決めておくとスムーズです。制作工程の分け方と月額料金の目安は「AI活用のコンテンツ制作・運用支援」にまとめています。

Web制作の初期工程はどこまで短縮できるか

初期工程をAIに任せると、実際にどの程度短くなるのかを、GiftXで実施した取り組み2件と、そこから見積もった想定ケース1件で見ていきます。使っているツールはStudio.Assistantとは異なりますが、要件からワイヤーフレームとデザインを生成するという工程の構造は共通しています。

関連記事：AIエージェントを活用したLP制作｜主要ツール5つの違いと選び方

LPのワイヤーフレーム作成を8時間から30分へ

デザインシステムの定義をAIに渡し、LPのワイヤーフレームをデスクトップ版とモバイル版の両方まとめて生成する形に変えました。

従来は要件整理から競合の構成調査、デスクトップ版の作成、モバイル版の作成、調整までを手作業で進めており、1本あたり約8時間かかっていました。この差はデザインシステムの定義があらかじめ整っていることが前提で、生成に切り替えたあとは担当者が手を動かすのが微調整だけになり、1本あたり約30分まで短縮しています。定義が未整備の状態から始める場合は、その整備にかかる時間を別に見ておく必要があります。

キャンペーンLPの制作期間を14日から2日へ

ブランドの基本構成や表現の条件をAIに学習させ、訴求軸ごとにLPの構成・コピー・デザインを生成する流れに変えた例です。以前は1本ずつ個別に制作しており、制作期間は約14日かかっていました。現在は要件整理から表現チェックまでを1本の流れにまとめ、約2日で公開準備まで到達しています。

想定ケース｜初稿提示までを12営業日から4営業日へ

例えば、月に3〜4本のコーポレートサイトを受け持つ制作会社のディレクターのようなケースを考えます。ヒアリングメモから構成案とサイトマップを起こし、主要5ページ分のワイヤーフレームと初稿デザインを手作業で用意すると、初稿提示までに約12営業日かかります。ここをドラフト生成に置き換え、サイトマップとセクションを直して提示する形にすると約4営業日まで縮み、同じ人数で扱える案件数を広げられる計算になります。

WebサイトをAIで内製するときに陥りがちな3つの落とし穴

Studio.Assistantのようなツールが手に入ると、制作を社内に戻す判断がしやすくなります。ただ、実際に内製へ振り切ろうとすると、同じところでつまずくケースが繰り返し出てきます。

落とし穴1｜いきなり全ページを生成しようとする

複数ページに対応したことで、サイト全体を一度に作りたくなります。ただ生成は既存ページを置き換える仕様なので、全体をまとめて回すほどやり直しの単位が大きくなり、詰まったときに戻す手段がなくなります。

落とし穴2｜ツールを入れただけで品質が上がると考える

生成されるのは編集可能なドラフトであって、そのまま公開できる完成品ではありません。デザイナー職の課題として「出力が実務でそのまま使えない」が挙がっているとおり、確認して直す工程を持たないまま入れると、結局その部分が誰の担当でもないまま残ります。

落とし穴3｜作る人と直す人を決めずに始める

Studio.Assistant上の作業は個人単位の利用が前提です。誰が生成を回し、誰が文言と表現を確認するかを決めずに始めると、複数人で触ろうとした段階で手が止まります。

検証工程を持ったうえで、まず1コンテンツを型にする

最初にやることは、全ページの内製ではなく、1本のサイトかLPを最後まで通してみることです。生成から確認、修正、公開までを1コンテンツで一周させると、どこにどれだけ時間がかかり、誰が確認を担当すべきかが具体的に見えます。その型ができてから本数を増やすほうが、結果的に早く定着します。GiftXでは、検証工程を含めたコンテンツ制作を1コンテンツ単位から伴走支援しています。詳細はAI活用コンテンツ制作支援をご覧ください。

よくある質問

Studio.Assistantについて検索されることの多い質問を、公式情報をもとに整理しました。

Studio.Assistantは無料で使えますか

専用プランの契約が必要で、無料のまま使い続けることはできません。ただし、どちらのプランも開始から14日間は無料で利用できます。無料体験は初回の契約にのみ適用され、登録から14日が経過すると請求が自動で始まります。

料金はいくらですか

Starterが月払い24,800円、Proが月払い99,800円です。年払いにすると月あたりStarterが19,800円、Proが74,800円になります（2026年9月時点、出典: studio.design）。いずれも税込で、Studio本体の契約とは別の料金です。

複数ページのサイトに対応していますか

2026年9月7日の正式リリースで対応しました。ベータ版はシングルページのみが対象でしたが、正式版ではコーポレートサイト・サービスサイト・採用サイトのような複数ページ構成を制作できます。

どこで使えますか

Studioのプロジェクトから利用します。新しいプロジェクトを作ってアシスタントを選ぶか、既存のプロジェクトを開いてアシスタントを選択すると起動します。生成したサイトはデザインエディタへ書き出して、そのまま編集と公開に進めます。

ベータ版を使っていた場合、何が変わりますか

対応ページ数がシングルページから複数ページに広がり、サイトマップでページ構成を管理できるようになりました。あわせてレスポンシブビューが加わり、Proではヒアリング・文言入力・サイトマップの3種類のシート連携も使えます。提供形態も申し込み制から有料アドオンへ変わっています。

まとめ

Studio.Assistantは、ヒアリング内容からサイトマップ、ワイヤーフレーム、ドラフトデザインまでを生成するStudioの有料アドオンです。2026年9月7日の正式リリースで複数ページ制作に対応し、Proではシート連携や全ページ一括の書き出しも使えるようになりました。

一方で、生成されるのは編集可能なドラフトであり、確認して直す工程は人が持つ前提です。生成が既存ページを置き換える仕様や、個人単位の利用が前提という制約もあるため、いきなり全ページを内製に切り替えるより、検証工程を持ったうえでまず1コンテンツを型にするほうが定着します。14日間の無料体験があるので、新規プロジェクトを1つ立てて、初稿提示までの工程を一周させるところから始めるとよいでしょう。

AI活用のコンテンツ制作にお困りの方へ

本記事で紹介したようなAI活用を、自社のWebコンテンツ制作へ具体的に取り入れたい・相談したいとお考えの方は、ぜひGiftXのAI活用コンテンツ制作支援までお問い合わせください。

GiftXのAI活用コンテンツ制作支援では、貴社の事業・商品・制作基準を学習した専用AIエージェントを構築し、企画・制作から専門チームによる最終レビューまで一貫して行います。制作でつくった専用AIエージェントと制作フローを貴社へ移管し、社内で継続的に運用できる体制づくりまで支援します。

コンテンツ制作の体制づくりにご関心のある方は、ぜひ一度ご相談ください。

▶ GiftXのAI活用コンテンツ制作支援の詳細・お問い合わせはこちら

関連記事

• Codexはデザインに使える？Webサイト制作・ホームページ作成の範囲と進め方
• 記事制作の内製化とは？外注との違い・実質コスト・AIで内製する手順を整理
• バイブコーディング（Vibe Coding）とは？できること・始め方・主要ツールの料金と違い