Figmaで1クリックでText Stylesを生成できるプラグインが便利！

これは何

Figma Tips Advent Calendar 2022の参加記事です

Figmaで新しいデザインを作成するとき、Text Stylesの定義がとても面倒で、何か簡単に定義する方法はないかなと調べていたら便利なプラグインを見つけたので、その紹介記事です

プラグインの内容と使い方

Text Styles Generatorというプラグインで、ファイル内で定義されているText stylesを簡単に設定したり他ファイルからコピーしてくることができます。

Text stylesの設定方法

Text stylesを設定する方法はとても簡単です。

1. 設定したい名前をテキストに入力し、設定したいスタイルを指定する
2. ↑を選択した状態で「Text Styles Generator」の「Generate Text Styles」を選択する

なんて楽ちんなんだ...！

さらに、「Draw Current Styles」の方を選択すると、現在のファイルで指定されているText stylesを「Text Styles Generator」で使用できる形で書き出してくれます。

これを利用すれば、過去に別プロジェクトで使用したText stylesや、Figma communityに公開されているText stylesを簡単に新しいファイルにインポートすることができます！

Figma communityに公開されているデザイシステムがまとまっているサイトがありますので、ぜひ試してみてください。