要素やコンポーネントインスタンスの名前を変更できるようになりました！

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

Rename elements and component instances

‍

Webflowのアップデートで、Designモードまたは Buildモードから直接、要素やコンポーネントインスタンスの名前を変更できるようになりました！

‍

大規模ページや複雑なレイアウトを管理しやすく

同じクラスやコンポーネントを同一ページ内で複数回使う場合、どの要素がどれか見分けにくくなることがあります。
今回のアップデートにより、要素やコンポーネントインスタンスに任意の名前を付けて整理できるようになり、複雑なページ構造でも直感的にナビゲートしやすくなりました。

名前の変更は以下の場所から行えます。

• Navigator（ナビゲーター）パネル
• 右サイドパネル
• コンテキストメニュー（右クリック）

‍

デフォルトの命名ルールも改善

加えて、Webflow内の要素に自動で付与されるデフォルト名もわかりやすく変更されています。

• テキスト要素：コンテンツ内容が自動で名前に使用されます
• 画像要素：アセットライブラリ上のファイル名が使用されます
• カスタム要素：HTMLタグを人間が読める形式に変換して表示されます

これにより、Navigator内での構造把握がよりスムーズになり、デザイン作業中の見通しが格段に向上します。

詳細な使い方については、Webflowのヘルプセンターをご覧ください。

‍