データの結合

最終更新日 : 2026年1月22日

Adobe Illustrator でデータを効率的に結合して、ダイナミックでパーソナライズされたデザインを作成する方法について説明します。

データ結合の簡単な手順

テンプレートとして使用するよう Illustrator ドキュメントを作成します。

ソースデータファイルを CSV 形式または XML 形式で設定します。

ウィンドウ変数を選択し、変数パネルを使用してデータソースファイルを読み込みます。 
変数パネルがハイライト表示され、「変数」、「オブジェクト」、「読み込み」などのオプションが表示されています。
Illustrator でソースファイルを読み込むには、変数パネルから「読み込み」を選択します。

テンプレート内のオブジェクトに変数をバインドします。

すべてのファイルを書き出す前に、データセットごとにドキュメントをプレビューします。

ウィンドウアクションを選択し、アクションパネルを使用してデータからファイルのバッチを書き出します。

データ結合用テンプレートの保存

Illustrator ドキュメントで変数を定義したら、データ結合テンプレートを作成します。テンプレートを SVG 形式で保存し、Adobe Graphics Server など、他のアドビ製品で使用することができます。例えば、Adobe Graphics Server を使用する場合、SVG ファイルの変数を直接データベースまたは他のデータソースにバインドすることができます。

ファイル別名で保存を選択します。

表示されるウィンドウで「コンピューターに保存」を選択します。

ファイル名を入力し、ファイル形式として SVG を選択して「保存」を選択します。

SVG オプションダイアログボックスで、「詳細オプション」を選択し、「Adobe Graphics Server データを含める」を選択します。このオプションを選択すると、SVG ファイルでの変数の置き換えに必要なすべての情報が格納されます。

OK」を選択します。