【日本語版Webflow(ウェブフロー) University】 コンポーネントのアップデートで更に使いやすく！

この投稿はWebflow社が提供する「Usability update to components」の内容を元に作成しています。

引用元：https://webflow.com/feature/improvements-to-components

日本語版Webflow Universityでは、Webflowの基本的な使い方を解説しています。

‍

‍

Webflow Confでコンポーネントが発表されて以来、コミュニティからのフィードバックを聞き入れ、機能を改善する方法を模索してきました。

そのため、コンポーネントをキャンバス上で編集する際の以前の操作に戻ります。この変更は、皆様からのフィードバックに基づき、よりスムーズで直感的なものになります。

４つのアップデートでコンポーネントが簡単に編集可能に

以下が新機能の概要です。

• ダブルクリックでメインコンポーネントを編集。

プロパティに接続されていないコンポーネントをダブルクリックすると、メインコンポーネントを編集できるようになりました。

• キャンバス上でコンポーネントのプロパティを編集。

 コンポーネントのプロパティでカスタマイズできる要素を選択し、キャンバス上で直接編集できます。

• ラベリングの改善。‍

 コンポーネントまたはそのインスタンスのどちらを編集しているかを明確に示すためのラベリングを追加しました。

• メニューのナビゲーションが容易に。‍

 コンポーネントとプロパティを編集するためのメニューをナビゲートしやすくしました。

‍

一言メモ

以前のwebflowは、componentを編集するときに、Edit Componentをクリックせずに編集してしまうと、一部のフィールドだけが修正されてしまう問題がありました。

そちらが改善され、overrideするのか、Main componentを編集しているのか、が分かりやすくなり、人為的ミスが減ることに繋がります。

私もこのミスをよくやりがちなのでこのアップデートは嬉しい限りです！