【PAGEKit】お気に入りのスタイルでAI編集できるようになりました

2026年7月8日

いつもPAGEKitをご利用いただきまして誠にありがとうございます。

このたび、ブロックパーツの「AIボタン」に 「デザインの雰囲気（スタイル）」 の機能を追加しました。

あらかじめ用意した見本から選んで、ページ全体のトーンをそろえながら進めることもできますし、お気に入りのデザインを 「スタイル」として保存 しておけば、好きな場所でいつでも同じ雰囲気を呼び出してAI編集に使えます。

あわせて、何を指示すればよいか迷ったときに押すだけで使える「便利ボタン」も追加しました。

※「AIボタン」を使用するためには「ブロックパーツ」機能を有効にする必要があります。ブロックパーツの有効方法などはこちらをご参照ください。

▶ 「ブロックパーツ」機能について

AIにおまかせで編集すると、仕上がりが毎回少しずつ変わることがあります。「デザインの雰囲気」を選んでおくと、AIがその方向に合わせてデザインをそろえてくれます。

編集パネルの入力欄の下にある「デザインの雰囲気: なし」を開くと、運営が用意した 「見本」 と、ご自身で保存した 「保存したもの」 の2つから選べるようになっています。

見本の雰囲気で既存ページを整える

「見本」には、上品な・明るくポップ・ナチュラル・信頼ビジネス・和モダンなど、よくある雰囲気をあらかじめご用意しています。選んでおくだけで、ブロックを編集するたびにその雰囲気のトーンで仕上がるので、ページ全体に統一感を出しながら進められます。

また、雰囲気を選んだ状態で、入力欄を空のまま「送信」を押せば、今あるブロックを内容そのままに、その雰囲気へまとめて作り直すこともできます。

お気に入りのデザインをスタイルとして保存する

お気に入りのブロックを選び、名前をつけて保存すると、その雰囲気を 「あなただけのスタイル」 として残せます。

保存したスタイルは、AIが自動で 「雰囲気」 と 「部品」 の2種類に振り分けます（一覧のバッジをクリックすれば、手動でも切り替えられます）。

・雰囲気 … 配色や全体のトーンだけを真似て、別の内容に当てはめたいとき
・部品 … お気に入りのボタンやカードなどを、形ごとそのまま別の場所に再現したいとき

たとえば「このボタンのデザイン、ほかの場所でも使いたい」というとき、保存しておけば、あとは保存した雰囲気を選択して「ボタンを作成して」と呼び出すだけ。AIの仕上がりを、ご自身のお気に入りに合わせてコントロールできます。

まずは、お気に入りのページ全体を選び、スタイルとして保存する手順です。

保存したスタイルで新しいページを作成する

続いて、別の新しいページで、保存したスタイルを呼び出してページを作成する手順です。「デザインの雰囲気」から保存したスタイルを選び、いつも通り指示を入力するだけです。

気に入った部品を保存して再利用する

ここまでは「雰囲気」の例でしたが、バッジやボタンなどの「部品」も同じように保存し、別の場所や新しく作る部品に呼び出して使えます。

何を指示すればよいか迷ったときは、入力欄が空のときに表示される「指示に困った時は？」を開いてみてください。よくある調整を、ボタンを押すだけで行えます。

・はみ出し・崩れを直す … 画面や枠からはみ出している部分を、収まるように整えます
・電話・メールをタップで連絡可能に … 電話番号やメールアドレスを、タップで発信・送信できるリンクにします

崩れたレイアウトをワンクリックで直す

困った時は、範囲を選んでボタンをひとつ押すだけで指示が出せます。実際にレイアウトのはみ出しを直す様子です。

今後ともPAGEKitをどうぞよろしくお願いいたします。