Windows 10 / 11 · 無料 インストーラー版

AI デザインワークスペース · Windows デスクトップ版 · 無料

一文で伝えると、
編集できるページが返ってくる

画像を1枚生成して終わりではありません。出来上がったページで一部分だけを囲んで直せますし、崩れたら1つ前の版に戻せますし、気に入ったらそのまま HTML / PNG / PDF / サイト一式のパッケージとして書き出せます。モデルは自分で選べ、API キーもプロジェクトファイルもお使いのパソコンの中だけに残ります。

バージョン 2026.11.28 · ビルド 2026-11-14 · Windows 10 / 11(x64)対応

0アカウント不要
100%ファイルはローカルに
12種類の書き出し
3Dリアルタイム生成
リアルタイムプレビュー · Design Console の3ペインワークスペース
Design Console の3ペインワークスペース:左にプロジェクト、中央にアクティビティ、右にリアルタイムプレビュー
対話で生成 · 選択範囲で修正 · 版を比較ローカルで動作
SCROLL

製品

他のツールは画像を1枚返します
これは編集を続けられるページを返します

生成は最初の一歩にすぎません。時間がかかるのは「ここをもう少し暗く」「見出しを別案に」「前の版に戻してほしい」といった調整です。それがすべて同じウィンドウで完結します。

伝えれば、そのままページになります

誰に向けたものか、どんな雰囲気か、何を載せるかをことばで伝えるだけで、後から変更できるページのソースが手に入ります。手を加えられない画像ではありません。

囲んだ範囲だけを直す

気に入らないブロックを囲んで「ここは暗い色で、文字を大きく」と伝えると、そのブロックだけが変わります。ほかのレイアウトはそのままです。

崩れたら元に戻せる

生成と修正のたびにスナップショットが自動で残り、並べて比較し、版に名前を付け、気に入らなければボタン1つで前の版に戻せます。

作り直さずに納品

HTML、PNG、PDF、サイト一式の ZIP として書き出すか、そのまま公開して共有できるページにできます。別のツールで組み直す必要はありません。

機能

「生成」だけでなく「修正」のために設計

1回の生成は始まりにすぎず、時間を要するのは繰り返しの調整です。

対話形式の生成

上部に要望を書くと、右側にページがリアルタイムで現れます。アクティビティにモデルの動作が1件ずつ表示され、進捗の見積りと途中停止もできます。

3ペインのワークスペース

プロジェクト、アクティビティと設定、プレビューを横に並べ、中央の列はドラッグで幅を変えられます。左の列は折りたたむとホバーで浮き出し、プレビューの領域を奪いません。

選択範囲だけを局所修正

プレビュー上で要素をクリックすると、その部分だけが変わります。矩形選択、複数範囲の結合、ショートカット指示に対応し、ページ全体を作り直す必要はありません。

版・スナップショット・比較

生成のたびに版が自動で残り、ワンクリックのスナップショットと取り消し、新旧の左右比較、崩れたときの巻き戻しができます。

3D シーン

操作できる 3D アセットを手続き的に生成します(ドラッグで回転、ホイールで拡大縮小、ダブルクリックでリセット)。ページと一緒に描画され、書き出し先でもそのまま動きます。

テンプレートとプロジェクトパッケージ

ローカルのテンプレートを再利用し、既定に設定できます。プロジェクトは丸ごと ZIP にまとめて移行やバックアップができ、HTML / PNG / PDF への書き出しにも対応します。

01 · 実際の画面録画

実際の画面録画:一文から納品できるデザインまで

この映像はレンダリング画像ではありません。実際のモデルが「Aurora スマートノート」のプロンプトからページを生成し、その後同じウィンドウで選択範囲の色変更、コード確認、ページ切り替えを行ったものです。

Design Console · 実際の操作画面録画 · 約70秒 ローカルで生成
一文でページ全体を生成 要素を選んでスタイルを変更 コードパネルはいつでも確認 複数ページと版 ローカルで動作
▶
ストリートスニーカー EC

黒地に蛍光グリーンの対比、太いウェイトと大きな見出し、カウントダウンと会員導線を配置。

EC対比配色コンバージョン重視
▶
SaaS ダッシュボード

左ナビゲーション、指標カード、推移グラフ、表を組み合わせた、情報密度の高いダークなプロ向けの作り。

管理画面データ可視化高密度
▶
3D インタラクティブ製品ページ

Three.js の発光ジオメトリと粒子の星空。ドラッグで回転、ホイールで拡大縮小ができます。

3Dインタラクティブコズミック
生成結果のプレビュー
生成結果 · プレビュー
選択範囲でスタイル変更
選択範囲でスタイルを変更
コードパネル
コードパネル
ページ一覧
複数ページの管理
プロジェクト一覧
プロジェクト一覧

02 · キービジュアル

デザインの順番を待たずにキービジュアルを

キャンペーンのヘッダー、新製品の KV、ポスターの背景などは、素材・光・レンズを具体的に伝えれば画像が出ます。モデリングもライティングもレンダリング待ちも不要です。より強いインパクトが必要なときは、下のリアルタイム 3D 版をそのままドラッグできます。

静止画で大きく見る 結晶の屈折 · プラズマ渦 · 9本の螺旋光ファイバー · 量子ドットノード · 粒子場。すべてブラウザ内でリアルタイムに描画します(three.js はローカルに同梱)
素材虹色サファイア / ヘアライン調チタン / 研磨クローム 光の効果ボリュメトリックライト · ゴッドレイ · 分散コースティクス レンズ28mm アナモルフィック · f/0.9 · 六角形ボケ 出力1つのプロンプト · 2026-11-14
この画像に使ったプロンプトを見る(抜粋)

壮大な商業 CG キービジュアル:極めて複雑な多層の入れ子状3次元空間が、果てしない虚無に浮かぶ。中心には巨大なフラクタル位相の神経結晶コアがあり、多層グラデーションの虹色半透明サファイア素材で、内部に自発光のプラズマ流体渦を宿す。無数のミクロン級ホログラフィック神経シナプス光ファイバーが黄金螺旋状に放射し、ノードは脈打つ多角形の量子ドット格子となって長い光跡を引く。分散コースティクスと薄膜干渉の虹色の反射を伴う。空間には百万級の電離グロー/氷晶の屈折/塵のゴッドレイ/磁力線状の粒子が乱流軌道を流れる。前景には面取りしたチタン合金と研磨クロームの幾何体が浮かび、遠景には無限に伸びる格子状の時空曲面と青紫シアンのボリュメトリックフォグ、ゴッドレイが広がる。45°斜め上のハードライトに高彩度のシアン・ブルーのリムライト、HDR の高コントラスト、見出し用に深い黒のネガティブスペースを確保。28mm アナモルフィック、f/0.9 の超浅い被写界深度、六角形のボケ。クールなシアン/エレクトリックバイオレット/アイスブルー/淡いゴールドのグラデーション、8K のハイパーリアル CGI、16:9。

03 · 3D メカ

どう動くかを伝えるのに、分解図を10枚描く必要はありません

製品説明、組立の案内、原理の解説では、動くものが図10枚より速いのです。リアルタイム 3D 版なら、ギアは伝達比どおりに回り、アームはゆっくり折れ、読む人が自分でドラッグして見られます。

サンギア → 3つのプラネットギアが逆回転 → リングギアは固定。はすば歯車対、ボールねじのナット、ロボットアームはそれぞれ独立して動きます

04 · 3D シーン

ページに 3D を足すのに、外注してモデリングする必要はありません

製品ページやキャンペーンページの 3D ブロックは、外注なしで作れます。車の流れ、歩行者、照明、ロボットアームがページ内でリアルタイムに演算され、書き出した先でもそのまま動きます。

● リアルタイム WebGL 工場ライン · ロボット溶接
ドラッグで回転 · ホイールで拡大縮小 · ダブルクリックでリセット
車の流れと歩行者

夜の街並みでは、車が車線に沿ってループ走行し、ヘッドライトが光の輪を作り、歩行者が歩道を歩きます。これらもすべてページのスクリプトがリアルタイムに動かしています。

照明と雰囲気

街灯、ネオン、ビルの窓、霧の効果はテクスチャではなく手続き生成なので、シードを変えれば別の街になります。

インダストリアルシーン

コンベア、ロボットアームの拍動、溶接の火花、スキャン光の帯は、すべて自己完結したコードで、どのページにも持ち込めます。

アセットと版

同じ 3D エンジンで、アセット生成と版の比較も

左は一文から生成した V8 ツインターボの断面アセット(ドラッグ、分解、カメラ切替が可能)。右は新旧3版の並列比較で、崩れたらすぐ戻せます。

● リアルタイム WebGLV8 断面 · リアルタイム運転
ドラッグで回転 · ホイールで拡大縮小
一文で 3D アセット「V8 ツインターボエンジン、断面、連続運転」と伝えるだけで、ドラッグで回転できるアセットが手に入ります。クランクとコンロッド、ピストンの往復、カムとバルブの開閉、チェーンとターボがすべてリアルタイムに動きます。
● リアルタイム WebGL版の比較 · 3パネル
ドラッグで回転 · ホイールで拡大縮小
版を並べて、崩れたらすぐ戻す生成のたびに版が自動で残り、新旧を左右に比較できます。スナップショットと取り消しは同じタイムライン上にあります。

05 · キャンバス

キャンバス:ページをカバー、ポスター、縦長画像に

ページができたら、同じプロジェクトの中でカバー画像を組みます。プラットフォーム別のサイズプリセット、レイヤー単位の編集、PNG / JPG / WebP / PDF への書き出しに対応します。

01プラットフォーム別サイズ

RED カバー 1080×1440、WeChat 記事ヘッダー 900×383、正方形 1080×1080、動画カバー 1280×720、縦長画像 1080×1920。カスタムサイズも指定できます。

023種類のレイヤーで十分

画像(プロジェクト素材または AI 生成、cover / contain、明るさ・コントラスト・彩度の調整)、テキスト(5つのフォントファミリー、グラデーション、縁取り、影、字間、自動縮小)、図形(角丸と透明度)。

03編集の手触り

ルーラーからガイドをそのまま引き出せ、端・中央・ガイド・グリッドへのスナップが効きます。グループ化、6種類の整列、水平垂直の等間隔、レイヤー検索、複数選択用のフローティングツールバーにも対応します。

04✨ AI 選択範囲

領域を囲んで「オレンジのグラデーション背景に、見出しをもう少し大きく」と伝えると、その領域を本物のレイアウトブロックや画像で置き換えます。気に入らなければ別案の生成や取り消しができます。

051つのプロジェクトに複数のキャンバス

カバー、ポスター、縦長画像がそれぞれ独立したキャンバスを持ち、互いに干渉しません。既存のキャンバスを複製して手を加えることもでき、「すべてのキャンバスを書き出し」で一度に ZIP にまとめられます。

06書き出しと再利用

PNG / JPG / WebP は1×〜3×の倍率を選べ、選択範囲だけ、またはキャンバス全体を PDF として書き出せます。気に入ったレイアウトは「テンプレートとして保存」して次回そのまま使えます。

キャンバス実演 · レイヤーを選ぶ → ドラッグでスナップ → 拡大縮小 → 書き出し約17秒
実際の画面録画:レイヤー一覧で見出しを選択 → ドラッグ中に整列ガイドが自動表示 → 43% に拡大してディテール確認 → ワンクリックで PNG 書き出し
RED カバー作品:ストリートネオンの VOLT SZN
RED カバー · VOLT SZN(1080×1440):縁取りの極太文字、蛍光グリーンの光斑、グラデーション見出し
動画カバー作品:Aurora
動画カバー · Aurora(1280×720):左に組み、右に画面キャプチャを並べた2分割
キャンバスエディタの画面
エディタ:左にレイヤー(検索・グループ化可)、中央にキャンバス(ルーラー・ガイド・スナップ)、右にプロパティ。上部にサイズ、拡大率、追加、整列、書き出し、PDF

06 · テンプレート

複数ページのテンプレート:3D アニメーション付きのサイト一式

6つのテンプレートはすべて Design Console で生成され、意図的にテイストを揃えていません。深宇宙テック、インダストリアルダーク、スイス編集、キャンディ粘土、ネオブルータリズム、東洋水墨です。いずれも3ページで、ナビゲーションとフッターを共有し、レスポンシブ対応です。うち3つのトップページはリアルタイム 3D、残り3つは CSS 3D とタイポグラフィで見た目を作っています。

07 · はじめかた

5ステップ:インストール後にまずやる5つのこと

どの手順も実際の画面に対応しています。ひと通りやってみれば、ほぼ使いこなせます。

1

プロジェクトを作り、要望を具体的に書く

左上の「新規」でプロジェクトを作り、中央の列に要望を書きます。ページ種別 + コンテンツブロック + 配色を明示してください。例:「Aurora スマートノートのランディングページ:ヒーロー + 3カラムの機能 + 料金 + フッター、ダークなガラスモーフィズム、青紫のグラデーション」。

ページ数は「自動」のままにし、要望に「3ページ必要」と書けば複数ページが生成されます。

プロジェクト一覧と新規作成
2

生成後はまずプレビューを見て回る

右側はリアルタイムのプレビューです。ホイールでスクロール、`Ctrl/⌘ + ホイール` で拡大縮小、`幅に合わせる/ページ全体` でワンクリック切り替えができます。仕上がりが物足りなければ、中央の列に「メインカラーをシアンに」と一言足すだけで、モデルは関連部分だけを直します。

リアルタイムプレビュー
3

クリックした場所を直す

「選択範囲」に切り替えて要素をクリックすると選択枠が出ます。右パネルで文字サイズ・色・整列を直接変更でき、Alt + 方向キー でサイズ、Shift + 方向キー で10px 移動します。Ctrl を押しながらクリックすると複数選択になり、まとめてスタイル変更・整列・等間隔の調整ができます。

すべての変更は編集履歴に入り、Ctrl + Z で1手戻せます。

選択範囲とスタイルのパネル
4

本当のコードを触るときは「コード」を開く

コードパネルには行番号、シンタックスハイライト、アウトラインジャンプ、検索と置換(Ctrl/⌘ + F)があります。保存前に構造のチェックを行い、崩れたときはスナップショットや編集履歴で戻せます。

コードパネル
5

複数ページの管理と書き出し

ページバーは既定で1行だけ表示されます。「残り N ページ · 展開」を押すとすべて表示され、サムネイルはバックグラウンドで自動生成されます。納品時は HTML / サイト一式 ZIP / PNG / PDF を書き出すか、React / Vue のプロジェクトを生成します。

ページ一覧と書き出し

08 · インストール

3ステップで導入し、ローカルで動かす

Docker もサーバーも不要です。インストーラーに実行環境が同梱されています。

ダウンロードして実行

インストール版はダブルクリックしてウィザードに従うだけ、ポータブル版は解凍すればすぐ使え、USB メモリに入れて持ち運べます。機能はどちらも同じです。

モデルの API キーを入力

初回起動時に「設定 → モデル」を開き、利用するモデルサービスと API キーを追加します。キーはこのパソコンの中だけに保存されます。

設定 → モデルのパネル

生成を開始

プロジェクトを新規作成するかテンプレートを選び、上部に要望を書いて「生成」を押すと、右のプレビューとアクティビティがリアルタイムに更新されます。

要望を書いて生成
Windows の警告について:インストーラーはコード署名を取得していないため、初回起動で「Windows によって PC が保護されました」が表示される場合があります。「詳細情報 → 実行」を選べば起動します。ダウンロードページに SHA256 を公開しているので、ファイルの完全性をご自身で確認できます。

料金

無料、しかも隠れた部分もありません

デスクトップ版の機能はすべて無料で、プロジェクト数も書き出し回数も制限ありません。ご自身で負担するのはモデル API の費用だけです。

¥0デスクトップ版 · 永久無料

ダウンロードしてすぐ使えます。登録もサブスクリプションも不要です。

  • ✓生成と編集のすべてが回数無制限
  • ✓選択範囲の局所修正、版スナップショット、並列比較
  • ✓キャンバス組み、テンプレートライブラリ、リアルタイム 3D
  • ✓HTML / PNG / PDF / ZIP のすべての書き出し
  • ✓プロジェクト数無制限、ファイルはローカルに保存
含まれないもの:モデル呼び出しの費用。どのプロバイダーを使い、いくら使うかはご自身で決められます。当方に手数料はかかりません。
既知の制約

インストール後に驚かないよう、先に書いておきます。

  • —インストーラーはコード署名を取得していないため、初回起動で Windows の「Windows によって PC が保護されました」が表示されます。「詳細情報 → 実行」を選べば起動します
  • —1台1ユーザーで、アカウントもクラウド同期もありません。別のパソコンへはプロジェクトパッケージで移行できます
  • —生成にはモデルサービスへの通信が必要です。閲覧、比較、書き出しはオフラインでも使えます
ダウンロードページに SHA256 を公開しているので、インストーラーの完全性をご自身で確認できます。

よくある質問

よくある質問

プロジェクトのデータはどこに保存されますか?

すべてローカルです。インストール版は %APPDATA%\Design Console、ポータブル版はアプリのディレクトリ横の data フォルダに保存されます。このフォルダを削除すると完全に消去されます。

ネット接続は必須ですか?

生成には設定したモデルサービスへのアクセスが必要です(自前やプロキシのアドレスも指定できます)。それ以外の機能であるプロジェクト閲覧、版の比較、書き出しはオフラインで使えます。

どのモデルに対応していますか?

OpenAI 形式の /v1/chat/completions に対応しており、DeepSeek、Qwen、Kimi、自前のゲートウェイが使えます。同じ画面で複数のプロバイダーを追加し、いつでも切り替えられます。

アンインストールはどうやりますか?

インストール版は「設定 → アプリ」から削除します。ポータブル版はフォルダを削除するだけです。プロジェクトを残したい場合は、削除前に書き出しておいてください。

複数人で共有できますか?

デスクトップ版は1ユーザーのローカルワークスペースとして設計されており、アカウントの仕組みはありません。チームでの作業には、各自がプロジェクトパッケージを書き出して交換するか、当方が運用しているオンライン版をご利用ください。

ファイルの検証はどうやりますか?

PowerShell で Get-FileHash .\DesignConsole-Setup-2026.11.28.exe -Algorithm SHA256 を実行し、下に公開している値と照合してください。

さあ始めましょう。最初の1版をローカルで生成

バージョン 2026.11.28 · ビルド 2026-11-14 · 約 100 MB、インストールすればすぐ使えます