Explore how to do a click interaction and switch to another screen.
- [Instructor] So let's get started…with adding a click interaction on our prototype.…So the first thing you wanna do is select…what is the element you want to click on…and then get to the next screen.…So let's get started with the actual splash screen.…So I'm gonna use shift…and then scrolling wheel.…And then I'm gonna select the entire splash screen.…And then when you click on the plus,…and scroll to the interactive section,…click on the link or type L.…
And then you'll see a little arrow…showing up on your splash screen.…And then you select where you wanna go from that screen.…In this case, we wanna go to the next screen…and then you click on it once you've selected the target.…And then when you take a look at the options here,…you have several options.…You can choose a different target directly here if you want.…Or you can actually do the previous frame or none.…And then you can select what type of transition you want.…So you can do a push, an overlay, a model,…an instant, and then a flip.…
And all these interactions, you can actually check,…
- What is Framer X?
- Define your layout
- Creating more layouts
- Using frames and text in frames
- Drawing with a path
- Creating interactions
- Working with React components
Skill Level Beginner
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Appropriate for all
Learning Framer X1m 8s
1. Introduction to Framer X
2. Design in Framer X
3. Prototype in Framer X
4. Introduction to Components
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.