メインコンテンツにスキップ

ボックスを選択する

デザインエディタでボックスを選択する方法を説明します。スクリーン上からの選択と、レイヤーパネルを利用した選択の2通りを紹介します。

今日アップデートされました

ボックスを選択すると、そのボックスで可能な編集内容が右パネルでタブとして表示されます。

※パネルが閉じている場合は、右パネルを開いてください。

スクリーン上でボックスを選択する

デザインエディタ上のスクリーンでボックスを直接クリックして選択します。​

ボックスを1つ選択する

Tips: ダイレクト選択

Mac: ⌘キー、Windows: Ctrlキーを押したままカーソルでボックスにホバーすると要素を直接選択できます。

  1. スクリーン上で、選択したいボックスをクリックします。​

  2. ボックスが青い枠で囲まれ、選択状態になります。​

  3. 選択されたボックスで可能な編集が、右パネルでタブとして表示されます。

    ※パネルが閉じている場合は、右パネルを開いてください。

ボックスを複数選択する

  1. 最初に選択したいボックスをクリックします。​

  2. キーボードの [Shift] キーを押しながら、追加で選択したいボックスを順番にクリックします。​

  3. 選択したボックスに青い枠が表示され、複数のボックスが同時に選択された状態になります。​

  4. 複数選択したボックスは一括で編集が可能です。

レイヤーパネルを使用してボックスを選択する

レイヤーパネルからボックスを1つ、または複数選択できます。​

ボックスを1つ選択する

  1. デザインエディタ左側のナビゲーションで[レイヤー]アイコンをクリックします。

  2. 左パネルでレイヤーパネルが開きます。​

  3. 選択したいボックスに対応するレイヤー名をクリックします。​

  4. 対応するボックスがスクリーン上で青い枠で囲まれ、選択状態になります。​

  5. 選択されたボックスで可能な編集が、右パネルでタブとして表示されます。

    ※パネルが閉じている場合は、右パネルを開いてください。

ボックスを複数選択する

  1. デザインエディタ左側のナビゲーションで[レイヤー]アイコンをクリックします。

  2. 左パネルでレイヤーパネルが開きます。

  3. レイヤーパネルで、最初に選択したいボックスのレイヤー名をクリックします。​

  4. キーボードの [Shift] キーを押しながら、追加で選択したいボックスのレイヤー名を順番にクリックします。​

  5. 選択したレイヤーに対応するボックスがスクリーン上で青い枠で囲まれ、複数選択された状態になります。​

  6. 複数選択したボックスは一括で編集が可能です。

こちらの回答で解決しましたか?