Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Creating Micro-Interactions in Figma!
You have completed Creating Micro-Interactions in Figma!
Preview
In this video, we’ll walk through creating two eye-catching button animations to elevate your UI.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
I'll start by coming over to the side
where I've been building the rest of my
0:00
components, and we'll build our
button component under our toggle and
0:01
hamburger menu.
0:04
I'll hit T to select the Text Tool.
0:05
Then I'll write out the word download.
0:07
Since this will be a download button,
next, I'll highlight my text and
0:09
go over to the Properties panel
under the text section and
0:13
bump up the size of my text to 18 Pixels.
0:16
Then I'll zoom in so
we can better see everything.
0:19
There we go.
0:21
Now there's a few ways you
could create a button.
0:23
Like I could create a rectangle to put
behind our text and group them together.
0:25
However, if I add an auto
layout frame to the text.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up