自由なキャンバスにオブジェクトを置いて、あなただけのサイトを作ろう。
困ったらAIに話しかければ、デザインも編集もぜんぶ手伝ってくれます。
このガイドは全体の流れをつかむためのものです。1つの機能をくわしく知りたいときは、ヘルプセンターの記事が早いです。
機能の名前でも「文字が切れる」のような困りごとの言葉でも探せます(ホバー=カーソル=マウスを乗せた時、のような言い換えにも対応しています)。
よく使うショートカット: Ctrl+S 保存 / Ctrl+Z 元に戻す / Ctrl+D 複製 / Delete 削除 / 矢印キー 1pxずつ移動(Shiftで10px) / Ctrl+G グループ化(Ctrl+Shift+Gで解除) / Ctrl+Shift+C・Ctrl+Shift+V 見た目だけコピー&貼り付け
左パネルの「オブジェクト」タブに、部品がカテゴリ別に並んでいます。検索ボックスで名前から探せて、よく使うものは星マークでお気に入りに固定できます。ボタンにカーソルを合わせると実物プレビューが表示され、置いたときのアニメーションもその場で確認できます。カテゴリの「すべて表示」や「すべてのオブジェクトを見る」で全種類の一覧が開きます。
テキスト・見出し・画像・ボタン・図形・アイコン。文字はグラデ文字・縁取り・文字影・蛍光マーカー・縦書きの装飾ができます。
ナビバー・セクション区切り・余白・表・HTML。ページの骨組みづくりに。
箇条書き・お客様の声・バッジ・星評価・実績数値・料金表・タイムライン・手順・プロフィールなど、訴求の定番部品。
ギャラリー・画像スライダー・比較スライダー・動画・背景動画・地図。画像はフィルタや円形切り抜きも。
タブ切替・開閉パネル・ツールチップ・告知バー・上へ戻る・シェアボタン・追従ボタン・読了バー・QRコードなど。
商品一覧・フリマ(どちらも自動で伸びる+ページ切り替え対応)・フォーム(1行/メール/複数行に加えプルダウン・ラジオ・チェック・日付・電話・数値の9種類、同意チェックと送信後の自動移動も設定可)・アカウント・DM・チャット・SNSリンク。
すべてのオブジェクトで 背景/角丸/枠線/影/透明度/回転/ぼかし に加えて、ホバー演出(浮く・光るなど)/スクロールで現れるアニメ/背景画像 を設定できます。背景CSS欄には linear-gradient(120deg,#2977f2,#1fd8f9) のようなCSSもそのまま書けます。
商品一覧のヒント: 商品が増えると枠が自動で下に伸び、「1ページの件数」を超えるとページ切り替えになります(設定で従来の枠内スクロールにも変更可)。
このガイドは機能追加にあわせて更新されます(最終更新: 2026-08-06(部品90種類以上・テンプレート/セクション集・レイヤー/整列/グループ・SEO/OGP/ファビコン設定を追記し、ヘルプセンターへの入口を追加))。
上部バーの PCスマホ 切替で、それぞれの見た目を別々にデザインできます。訪問者には画面サイズに合わせて自動で切り替わります。
右パネル(何も選択していない状態)のサイト設定で、検索結果やSNSに出たときの見た目を決められます。
直したのに公開ページが変わらないときは、保存してから公開中になっているかを確認してください。
やりたいことを日本語で送るだけで、AIがサイトのJSONを直接編集します。使い方がわからないときの質問もOK。
範囲を指定して編集:キャンバスでオブジェクトを選択(クリック/空白ドラッグで囲む)してから指示すると、その部分だけを編集してくれます。