Webflowでアプリ開発がより快適になりました！

2026-06-30

※この記事は2026年06月03日にWebflowが公開した下記アップデート情報・ニュースを日本語訳したものです（一部加筆・修正あり）

‍

Webflowのキャンバス操作が、より直感的でモダンなデザインツールと同様の操作感になりました。今回のアップデートにより、大規模なページを自由に移動したり、細部を拡大して確認したり、ワンクリックで標準表示に戻したりすることが可能になります。

使い方

‍キャンバスはこれまで通り、デフォルトでは上下にスクロールする仕様です。キャンバスバーにある新しいアイコンをクリックすると、Pan (パン)、 Zoom (ズーム)、そしてフレーム幅のリサイズ機能が有効になります。もう一度クリックすれば、通常のスクロールモードに戻ります。

Pan（移動）
‍スペースキーを押しながらドラッグ、マウスのミドルボタンでドラッグ、またはトラックパッドでの2本指スクロールで移動できます。カーソルが「つかむ／つかんでいる」状態に変化するため、現在のモードが一目でわかります。
Zoo（拡大・縮小）
‍Cmd/Ctrlキーを押しながらスクロール、またはトラックパッドでのピンチイン・ピンチアウトでズーム操作が可能です。また、キャンバス上部のズームドロップダウンから 50%、100%、200% といった倍率へ素早くジャンプできます。どのズームレベルでも、選択・編集・レンダリングの精度は維持されます。
フレーム幅のリサイズ
‍フレームの端をドラッグすることで幅を変更できます。（※フレームの高さ調整は今回のリリースには含まれておりません）

この操作感は、ページキャンバスだけでなく、コンポーネントキャンバスでも共通です。

‍Pan＆Zoom機能は、よりモダンなキャンバス環境を構築するための基盤となります。本機能は「Design」「Build」「Edit」の各モードで利用可能です（※プレビューモードおよびコメントモードでは利用できません）。

‍