AI 生成の使い方

最終更新日: 2026年5月27日

DesignLayer の AI による HTML 生成の仕組み、1 日 1 回の利用制限、参考画像を使った再生成の手順を説明します。

AI 生成の概要

DesignLayer は、デザインブリーフで整理した intent(要望テキスト)をもとに、Google Gemini を利用して HTML のたたき台を生成します。

生成結果はランディングページ向けのセクション(ヒーロー、特徴、料金、FAQ、CTA など)を組み合わせた 1 ページの HTML です。完成品ではなく、スタジオでの編集・レビューの起点として設計されています。

利用制限について

AI 生成はアカウントあたり 1 日 1 回まで(日本時間の 0:00 でリセット)ご利用いただけます。

制限に達した場合は「本日の AI 生成は 1 回までです。明日(日本時間)再度お試しください。」と表示されます。

1 日 1 回の制限を踏まえ、生成前にブリーフを十分に詰めることが重要です。生成後のテキスト編集やテーマ調整はスタジオで何度でも行えます。

初回生成の流れ

1. デザインブリーフ(/brief)で 4 つの質問に回答する

2. 「スタジオで生成・プレビューへ」からスタジオを開く

3. スタジオが intent を読み取り、自動で AI 生成を開始する

4. 生成完了後、プレビューで確認し、必要に応じて編集する

ダッシュボードから既存プロジェクトを開いた場合は、保存済みの HTML が読み込まれ、新規生成は行われません。

参考画像を使った再生成

スタジオでは、参考デザイン画像(5MB 以下の data URL 形式)を添付して再生成できます。レイアウトや配色の方向性を AI に伝える用途向きです。

再生成を実行すると、これまでの手直し(パッチ)はすべてリセットされます。大きな構成変更が必要な場合に有効ですが、文言の微調整程度であればスタジオ上での直接編集の方が効率的です。

参考画像はインスピレーションとして扱われ、既存デザインの複製を目的とした生成は行いません。著作権・商標に配慮が必要な素材はご自身の責任で確認してください。

生成結果を高めるヒント

intent にサービス名、ターゲット、CTA、トーン、必須セクションを具体的に書くほど、レイアウトとコピーの方向性が安定します。

矛盾する指示(例:ミニマルかつ情報量を最大化)は避け、Must / Want / Avoid を意識して整理してください。

生成後は必ず人がファクトチェックを行い、数値・料金・法表記などを確認してからエクスポートや共有を行ってください。

AI 生成の使い方 | DesignLayer