デザインからHTMLまで、ブラウザで完結
サイト制作を、待たなくていい。
頭の中にあるイメージを、そのままサイトデザインへ。 DesignLayerは、要件整理からデザイン生成、編集、HTMLエクスポートまでを1つで完結できる制作プラットフォームです。 外注を待つ必要も、複数ツールを行き来する必要もありません。 あなた自身の手で、サイトを完成まで進められます。
サイト制作者のためのAI
ブラウザのスタジオで AI チャットを使い、 ブリーフから編集までの制作タスクを引き渡しましょう。
スタジオの AI チャットでサイト制作する方法について、詳しくはこちらをご覧ください。

DesignLayerの利用方法
ブリーフで要件を整理し、AIがサイトデザインを生成。 スタジオで人の手で仕上げるまで、ブラウザだけで完結できます。
ブリーフで要件を整理する

AIがサイトデザインを生成する
生成後もスタジオで人の手で仕上げる
MOVIE
DesignLayerの使い方を動画で見る
現在B版のため、一部デザインが違う場合があります。
DesignLayerが使うAIエージェント
ブリーフの整理からHTML生成、画像、スタジオ編集まで。役割ごとに最適なモデルが分担します。
Gemini
デザインブリーフでの対話と、整理した intent からの LP HTML 生成を担当。参照デザインやスタイルの解釈、画像用スロットの設計まで一貫して扱います。
Nano Banana
生成したページ内の写真・イラスト用スロットに、AI 画像を生成して埋め込みます。ブリーフで同意いただいた場合に、ヒーローやセクションのビジュアルを自動で用意します。
Claude
スタジオの AI チャットで、文言や配色、レイアウトの修正指示に応じます。HTML 生成では Gemini の代替として選択することもできます。
FAQ
- 本当に無料で利用できますか?
- はい。現在は無料で公開しています。AIによるサイトデザイン生成は1日1回まで利用可能です。
- デザイン経験がなくても使えますか?
- 問題ありません。DesignLayerは、要件整理から編集までを直感的に進められるため、専門知識がなくてもサイト制作を始められます。
- 生成後にデザインを調整できますか?
- はい。テキスト変更だけでなく、画像差し替え、配色変更、レイアウト調整まで自由に行えます。
- HTMLはどのように活用できますか?
- エクスポートしたHTMLは、そのまま公開用データとして利用できます。追加の実装や運用にも活用可能です。
アイデアを、
公開できるサイトへ。
DesignLayerなら、思いつきで終わらない。要件整理からデザイン完成まで、あなた自身の手で前へ進められます。