ブランド、サービス、目的を ChatGPT に伝えると、要件と構成を整理してから VIXNODE がページを作成します。
あなたのプロンプト「お菓子工房のサイトを作りたいです。私たちの物語、商品、よくある質問、LINE の連絡先を入れてください。」
ChatGPT がアイデアを整理
VIXNODE サイトプレビュー
ChatGPT × VIXNODE
サイトづくりで、こんな悩みはありませんか？
Web デザインを学ぶ必要はありません。ChatGPT に希望を伝えると、VIXNODE がアイデアをサイトにします。
ChatGPT が業種、内容、目的に合わせてサイトマップを計画し、VIXNODE がページと共通構成を作成します。
あなたのプロンプト「インテリアデザイン事務所を経営しています。サイト全体に必要なページを計画してください。」
サイトマップ案
- ホーム
- 私たちについて
- サービス
- 実績
- ご利用の流れ
- よくある質問
- お問い合わせ
VIXNODE で 7 ページを作成
普段の言葉で雰囲気を伝えると、ChatGPT が VIXNODE で実現できるデザイン方針に整理します。
あなたのプロンプト「シンプルで上品な和の雰囲気にしてください。商業的すぎず、グラデーションも控えめに。」
デザイン方針
ChatGPT が配色、文字、余白、画像、レイアウトを提案し、VIXNODE が実際のページに反映します。
あなたのプロンプト「すっきりとしたシンプルさを保ちつつ、サイトを上質にしてください。」
変更前
変更後
ChatGPT がロゴ、色、ブランドの位置づけから視覚ルールを整理し、VIXNODE が各ページに適用します。
あなたのプロンプト「これがロゴとブランドカラーです。サイト全体の印象を統一してください。」
ブランドのデザイン体系
ホーム私たちについてサービス
メモを渡すと、ChatGPT が見出し、サービス紹介、FAQ、行動を促す文言にまとめ、VIXNODE がページに配置します。
あなたのプロンプト「手作りのお菓子を十年間作っています。売り込みすぎず、安心して注文できる温かな文章にしてください。」
もとのメモ
サイトの文章手作りの、小さな幸せ。大切なひとときに、心を込めたお菓子を。
ChatGPT にスクリーンショットを送り、変更箇所を示すと、VIXNODE Plugin が該当部分を更新します。
プロンプトとスクリーンショット「ここが窮屈です。画像を大きく、見出しを小さくして、ボタンを下に移してください。」
サイトのスクリーンショット選択した範囲
VIXNODE で編集中更新後のプレビューレイアウトを改善
ブランド、場面、色、用途を伝えると、ChatGPT が画像を制作し、VIXNODE がメインビジュアルやバナー、本文に配置します。
あなたのプロンプト「和風のお菓子ブランドのメイン画像を作ってください。自然光、クリーム色、木のテーブルで、素材写真のような印象は避けてください。」
CHATGPT による専用画像
サイトのメインビジュアル
ChatGPT が構図、色調、光、表現の共通方針を決め、各ページの画像に展開します。
あなたのプロンプト「新しい画像もホームの雰囲気に合わせてください。自然光、低彩度、暖かな木の色調でお願いします。」
メインビジュアル
商品
私たちについて
ディテール
ChatGPT にスマホでの使いやすさを確認してもらうと、VIXNODE が文字、画像の切り取り、余白、タップ範囲、読む順序を調整します。
あなたのプロンプト「このページをスマホで確認し、読みにくい箇所やタップしにくい箇所を直してください。」
デスクトップ
モバイル
- 読みやすい文字
- 適切な画像の切り取り
- タップしやすいボタン
ビジネスの目的を伝えると、ChatGPT が必要な内容と機能を提案し、VIXNODE が作成・連携します。
あなたのプロンプト「ヨガ教室を経営しています。クラスを確認し、場所を調べ、LINE に登録して体験を予約できるようにしてください。」
おすすめの機能
サイトの各セクションを準備
ChatGPT が内容、SEO、公開前の作業を確認し、VIXNODE がプレビュー、設定、公開を案内します。
あなたのプロンプト「サイトはほぼ完成しています。正式公開までに残っている作業を確認してください。」
- コンテンツ ✓
- モバイル ✓
- SEO ✓
- プレビュー ✓
- ドメイン
- 公開
公開の準備完了
公開後も ChatGPT で文章、画像、価格、イベント、サービスを変更でき、VIXNODE が指定した変更を反映して公開します。
あなたのプロンプト「中秋節のギフトボックスを NT$680 から NT$720 に変更してください。それ以外は変更しないでください。」
変更を 1 件検出
価格 NT$680 NT$720
プレビューの準備完了更新を公開
美しいデザインと AI のサポート
サイトのデザインを自分の手で。
レイアウトやスタイルを自由に調整し、あなたらしいサイトを作れます。
-
自由にカスタマイズできるサイト
AI を使い、プログラミングの知識なしでサイトの内容を簡単に編集・カスタマイズできます。
-
リアルタイムプレビュー
内容を変更したらすぐにプレビューで確認でき、希望どおりの表示に調整できます。
-
要素の属性を柔軟に調整
className、cssStyle、childNodes などの属性を編集・追加・削除し、サイトの見た目と動作を調整できます。
使い方 — 簡単な 3 ステップ
プログラミングの知識は不要
要素の追加や内容の編集で、アイデアを形にできます。
-
取り込むソースを選ぶか、プロンプトで AI に生成を依頼します。
ソース、プロンプト、画像を選び「開始」をクリックすると、取り込んだページや AI が生成したページがすぐに表示されます。
01
-
要素をクリックして属性を調整
属性を調整すると、プレビューにすぐ反映されます。プレビューで変更したい要素をクリックすると、右側に className、cssStyle、childNodes などの属性が表示されます。
操作の詳細は、こちらをご覧ください： ドキュメント02
-
プレビュー、保存、公開
デザインができたら「保存」をクリックし、ページ属性を選んで「公開」します。スマートフォンでもプレビューできます。
03
よくある質問
VIXNODE を使うのにプログラミング知識は必要ですか？
不要です。VIXNODE は直感的な操作と AI 支援により、コードを書かずにサイトを作成できます。
スマートフォンでサイトの作成や編集はできますか？
はい。VIXNODE はモバイルとデスクトップの両方に対応しています。
編集後に結果をすぐ確認できますか？
はい。リアルタイムプレビューで、変更内容をすぐに確認できます。
Web サイトのファイルをダウンロードして自分でデプロイできますか？
はい。保存後に HTML ファイルをダウンロードし、ご自身のサイトやホスティング環境へデプロイできます。
VIXNODE は外部 API 連携と独自ドメインに対応していますか？
対応しています。柔軟な API データ連携と独自ドメイン設定により、既存サービスと組み合わせて運用できます。
Web デザインの知識がなくても ChatGPT でサイトを作成できますか？
はい。ブランド、サービス、サイトの目的を自然な言葉で ChatGPT に伝えると、内容とサイト構成を整理し、VIXNODE Plugin で実際のページを作成できます。
セクション名が分からなくても、スクリーンショットでサイトを修正できますか？
はい。サイトのスクリーンショットを ChatGPT に送り、変更したい場所と結果を伝えると、VIXNODE Plugin が該当するページと内容を更新します。
ChatGPT で VIXNODE サイト専用の画像を生成できますか？
はい。ブランド、シーン、色調、用途を説明すると、ChatGPT がサイトに合わせた画像を生成し、VIXNODE でヒーロー、バナー、コンテンツに使用できます。
VIXNODE はサイトの公開と公開後の更新に対応していますか？
はい。VIXNODE はプレビュー、保存、公開に対応しています。公開後も ChatGPT との会話で文章、画像、価格、イベント、サービス内容を更新できます。