From the course: Figma for UX Design
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Prototyping with smart animations - Figma Tutorial
From the course: Figma for UX Design
Prototyping with smart animations
- [Instructor] Building prototypes is a key aspect of what we do; and Figma has all of the features we would expect, plus a couple of new ones. I want to start by creating an opening animation that will get us into prototyping, flows and smart animations inside of Figma. So what I'm thinking for the animation is as the user comes to the homepage, instead of just coming directly to the hero section, I want this to build with some type of animation and I want to try and convey that to the developers using Figma. So if we go back to the original concept pieces we had, we have this image here, which has just our shapes. And what I'm envisioning is, since we have four shapes, we have two, we have two, and then down below we eventually have a build that splits nicely in half from the research side and the design side. So I'm thinking we take these two shapes on the left, have them slide out to the left, and almost look…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.