Instance Generator

About this plugin

\\ 記事を書きました！使い方等もこちらに詳しく記載しています！ //

CSVからインスタンスを一括生成するFigmaプラグインを作ってみた

概要

対象のコンポーネントのプロパティをカラムにもつCSVデータから、そのコンポーネントのインスタンスを一括生成するためのプラグインです。

ユースケースとしては、

• 社員用の名刺データの一括生成
• コピーライトがデザインにハマるかの大量のパターン比較

などのデザイン作業が必要だけど、データ管理をCSVで行った方が効率的な可能性がある場合を想定しています。

使い方

1. コピー元となるコンポーネントと出力先となるフレームを作成します。
2. コンポーネントの中で可変になる部分をプロパティ化します。
3. プロパティ名がカラムとなった CSV データを用意します。
4. Figma でデザインファイルを開き、「元となるコンポーネント」と「出力先のフレーム」を選択した状態で本プラグインを実行します。
5. プラグインの中で、先ほど作成した CSV データを選択し、「作成する」ボタンを押します
6. 出力先のフレームに CSV データから生成されたインスタンスが一括作成されます。