Instance Generator

About this plugin

\\ 記事を書きました！使い方等もこちらに詳しく記載しています！ //CSVからインスタンスを一括生成するFigmaプラグインを作ってみた概要対象のコンポーネントのプロパティをカラムにもつCSVデータから、そのコンポーネントのインスタンスを一括生成するためのプラグインです。ユースケースとしては、社員用の名刺データの一括生成コピーライトがデザインにハマるかの大量のパターン比較などのデザイン作業が必要だけど、データ管理をCSVで行った方が効率的な可能性がある場合を想定しています。使い方コピー元となるコンポーネントと出力先となるフレームを作成します。コンポーネントの中で可変になる部分をプロパティ化します。プロパティ名がカラムとなった CSV データを用意します。Figma でデザインファイルを開き、「元となるコンポーネント」と「出力先のフレーム」を選択した状態で本プラグインを実行します。プラグインの中で、先ほど作成した CSV データを選択し、「作成する」ボタンを押します出力先のフレームに CSV データから生成されたインスタンスが一括作成されます。