【WEBデザイン初心者必見】Figmaでマウスオーバー時に色が変わるアニメーションするボタンを作る方法

WEBデザインをする上でAdobeのXDと並んで人気のFigma(フィグマ)。
今回はFigmaを使ってマウスオーバーすると色が変わるボタンを作る方法について解説しました。
ボタンを作った後に別ページへジャンプする簡単なデモも作りましたので、ぜひチェックしてみてください！

ーーーーーーーーーーーーーーーーーーーーーーーーーーー
【チャプター】

00:00 イントロダクション
00:35 ボタンのデザイン作成
03:31 コンポーネントの作成
04:24 マウスオーバーアニメーションの設定
06:35 ボタンを押すと別ページにジャンプさせる設定
10:49 ボタンアニメーションのバリエーション作成方法
13:05 まとめ

ーーーーーーーーーーーーーーーーーーーーーーーーーーー
【お仕事のご依頼、お問い合わせ】
creatorsrock777@gmail.com
ーーーーーーーーーーーーーーーーーーーーーーーーーーー

bedtime after a coffee by ikkun (ex. Barradeen) | https://soundcloud.com/ikkunwastaken
Music promoted by https://www.free-stock-music.com
Creative Commons / Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
https://creativecommons.org/licenses/by-sa/3.0/deed.en_US

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/pecan-pie/sweetness-of-the-moment
License code: V6BAIWPH7GFOQWNM