メリークリスマス🎄✨ 上武 ハヤです！今回は「Figma Make」でブラウザゲームつくったよ！というお話です
みなさんこんにちは😊
私は「上武 ハヤ（うぇぶ はや）」といいます🌟
最近、動画配信を始めたVの者(Vtuber)ですよー！
2025年もこのシーズンがやってきましたね🎁そうです。クリスマスですね🎄✨
今年、5月あたりから Figma Sites、Figma Make を中心に追ってきた私としては。
この機会にどうしても！クリスマスコンテンツをFigma Sites か Figma Make のどっちかでつくりたいと思ってました…🧐
で、つくりました！こんな感じの、クリスマスをテーマにしたブラウザゲームです🎄✨
↑クリスマスをテーマにしたタイピングゲームです！
スコア保存機能もついてるので、ハイスコア目指してあそんでみてくださいねっ🥳
（クリスマス感あるBGMつき！なのでBGMオンでぜひどうぞ🌟）
あそべる実物はこちらから！（PCでアクセス & BGMオンにしてあそんでみてねっ🦌✨）
Figma Make + デザインは手動実装、という構成でつくってます
今回のブラウザゲームですが、
ベースはプロンプトによるFigma Make製。
ReactとTailwind でコードをDLできるので、それをlocal環境で
npm run dev してブラウザでプレビュー、
表示を見ながらデザインを追加…
（画像などデザイン側は手動です。ベースのみTailwind.cssで出てくるのでその骨組みを利用）
ときに、機能面は追加プロンプトで機能追加や修正を何度かしてもらい…
という形式で、完成までもっていきました！
つくりながら…
「おや…デザイナーと生成AIの協働って多分こういうことなのでは😮？」
となんだか新しい感覚をおぼえました🤭✨
この辺りのメイキング裏話については、今後の本編動画でご紹介できたらと思ってますので、
ぜひぜひ、私のYoutubeチャンネルに遊びに来てくださいね～✨
https://www.youtube.com/@hayaya_web
かんたんな紹介動画としては、いったん次のショート動画をご覧くださいっ🎁🎄
ぜひ、このクリスマス期間中に！みなさんもあそんでみてくださいね～っ🥳！
みなさんのチャンネル登録も、心からお待ちしてますよっ☺️！
上武 ハヤでした～！またねーっ😊！！
Wishing You a Merry Christmas🎄✨✨
（※この記事は内容の品質向上を目的に、随時更新を行う場合があります。）
※記事内の動画は個人によって制作されたものです。
※Figma および Figma Sites、Figma Make は、Figma, Inc. の商標です。
※Gemini および Gemini 3 Proは、Google LLC の商標です。
※動画は自身の責任において閲覧ください。本動画の内容を無断で講座や教材等に転用することを禁じます。
※動画内の名称・商標等はそれぞれの権利を有する権利者に帰属します。
※動画内のデザインにある文言・表記はデザインサンプルとしての一例です。
※この動画で紹介している制作サンプルでは、次のライブラリを使用しています。
ライセンス情報（公式GitHubリポジトリ）：
React：https://github.com/facebook/react?tab=MIT-1-ov-file
Tailwind CSS：https://github.com/tailwindlabs/tailwindcss?tab=MIT-1-ov-file
Motion (Framer Motion)：https://github.com/framer/motion?tab=MIT-1-ov-file
Lucide React：https://github.com/lucide-icons/lucide?tab=License-1-ov-file
Radix UI：https://github.com/radix-ui/primitives?tab=MIT-1-ov-file