DesignLayer 機能
機能一覧へ制作フローを支える機能
ブリーフで要件を整理し、AIがたたき台を生成。 スタジオで仕上げて、HTMLとして持ち出せます。
- DesignLayerデザインを生成中…CTA
02 · GENERATE
AIサイトデザイン生成
整理した要件から LP の HTML を自動生成。Gemini または Claude を選び、参照デザインやスタイル指示にも対応します。
03 · STUDIO
スタジオ編集
生成後もブラウザ上でテキスト・画像・配色を調整。AIチャットに指示を出しながら、公開できる品質まで仕上げられます。
- ✦
AI画像を生成
04 · IMAGE
AI画像生成
ページ内の写真・イラスト用スロットに AI 画像を生成して埋め込み。ヒーローやセクションのビジュアルを自動で用意します。
- HTML↓
cafe-landing.html
128 KB · ダウンロード準備完了
05 · EXPORT
HTMLエクスポート
完成したデザインを HTML としてダウンロード。公開用データとしてそのまま使ったり、追加実装のベースにしたりできます。
DesignLayerが使うAIモデル
ブリーフの整理からHTML生成、画像、スタジオ編集まで。役割ごとに最適なモデルが分担します。
| 名前 | デフォルトコンテキスト長 | 最大モード | 機能 |
|---|---|---|---|
| 1M | 1M | デザインブリーフ対話LP HTML 生成画像スロット設計 | |
| — | — | AI 画像生成 | |
| 1M | 1M | デザインブリーフ対話LP HTML 生成画像スロット設計 | |
| — | — | AI 画像生成 | |
| 200k | — | スタジオ編集LP HTML 生成 |
アイデアを、
公開できるサイトへ。
DesignLayerなら、思いつきで終わらない。要件整理からデザイン完成まで、あなた自身の手で前へ進められます。