この記事はファンタアドベントカレンダー2023の19日目です。

こんにちは。ファンタラクティブでUIデザイナーをしている高橋です。

デザイナーのみなさん、今年の６月にFigmaにVariablesという新機能が追加され、それらを用いた高度なプロトタイピングが可能になりましたが、その後いかがお過ごしでしょうか？

かくいう私はこの大型アップデートに感動しつつ、担当している実案件ではここまでプロトタイプを作り込む機会はなさそうだなというのが正直な感想でした。ところが今回こうしてアドベントカレンダーに参加する機会をいただいたので、この機能をゴリゴリに使ったプロトタイピングに挑戦してみようと思います。

クリスマスツリーを作ろう

この記事が公開されるころには、クリスマスも目前ですね。みなさんはクリスマスツリーとか飾るんですか？　私はかれこれ20年近くツリーの飾り付けをしていない気がします。というわけで、『自分の好きなように飾り付けられるクリスマスツリージェネレーター的なものができたら楽しいのでは？』と思って作ってみることにしました。

百聞は一見にしかずという言葉もありますし、最初に完成イメージがあったほうがなにかと読みやすい記事なので、こちらに載せておきます。

また、今回制作したデータはFigma Communityに公開していますので、ぜひ併せてご覧ください。