このレッスンでは、Webflowデザイナーのインターフェースを4つの主要エリアに分けて学びます。

上部バー

サイト全体の基本機能にアクセスできる場所です。CMSやInsights、プレビューボタン、ページ一覧、ブレークポイント切り替え、共有リンクや公開ボタンなど、制作や公開に欠かせない操作がここに集まっています。

左ツールバー

要素の追加、ページ管理、ナビゲーター、コンポーネント、変数、アセットなどを扱います。バックアップやローカライゼーション、多言語対応、アクセシビリティ診断といった管理機能もここから利用できます。

キャンバス

実際にデザインや開発を行う作業スペースです。要素の編集や移動、レスポンシブ確認、画面幅の調整などを直感的に操作できます。

右側パネル

スタイル、要素設定、インタラクションを細かく制御します。デザインの仕上げやアニメーション設定はここが中心となります。