スタジオの使い方

スタジオでは、生成された HTML をブラウザ上でプレビューできます。デスクトップ表示を基準に、セクションごとの見え方や余白、タイポグラフィを確認してください。

プレビューはあくまでたたき台です。ブラウザや端末によって表示差が出る場合があるため、エクスポート後の実機確認も推奨します。

プレビュー内の要素をクリックして選択します。テキストは同じ要素をもう一度クリックするか、ダブルクリックでその場で編集できます。要素をドラッグすると位置を調整でき、選択枠の四隅・辺のハンドルでサイズ変更できます（Shift を押しながらで縦横比を固定）。

左のツールバーから長方形・楕円・テキストなどを選択中のブロックへ追加できます。セクション一覧の矢印でブロックの表示順を入れ替えられます。

右側の「デザイン」タブでは、選んだ要素の色・透明度・文字の太さなどをスライダーやボタンで変えられ、すぐプレビューに反映されます。サイト全体の色やフォントは同じタブ上部の「テーマ」から一括で設定できます。「内容」タブから画像の差し替えや連絡先の更新も行えます。メニューの「ショートカット」で操作一覧を確認できます。

大きな構成変更が必要な場合は、ブリーフを更新して再生成する方が効率的なこともあります（再生成すると手直しはリセットされます）。

⌘Z / Ctrl+Z で元に戻す、⌘⇧Z / Ctrl+Shift+Z でやり直し。⌘S / Ctrl+S で名前を付けて保存。キャンバスはスペース＋ドラッグでパン、⌘／Ctrl＋ホイールでズームできます。

作業内容はプロジェクト単位で保存されます。ダッシュボードからいつでも再開でき、チーム内での共有やレビュー前の下書き保管にも利用できます。