配置済みのコンポーネントを一括で別のコンポーネントに置換する方法（Adobe Xd）

今回の記事では、Xd上に配置済みのコンポーネントを一括で別のコンポーネントに置換する方法について記載します。

置換する方法

今回は下画像のファイルでコンポーネントを置換します。

以下が置換の手順になります。

1. 置換するコンポーネントをコピー
2. 置換先のコンポーネントの中にコピーしたコンポーネントをペースト
3. コンポーネント内を整列
4. 元のコンポーネントを削除（ペーストしたコンポーネント以外のレイヤー）

5. ［ステートがある場合］置換先のステートとペーストしたコンポーネントのステートが合うように設定
6. 置換先のコンポーネントを解除

以上の手順で配置済みのコンポーネントを一括で置換できます。
注意点としてはオーバーライド、つまりメインから変更が加えられているインスタンスの情報は引き継がれません。

まとめ

以上、Xd上に配置済みのコンポーネントを一括で別のコンポーネントに置換する方法でした。