Get an overview of the interactions in Framer X.
- [Instructor] In Framer X,…there are multiple ways to add interactions…and we'll explore each one.…In this chapter,…we'll focus mainly on how to add interactions…without going into actual code.…The option is available here in the interface.…If you look into the Interactive section,…you'll see what we have.…Where you wanna focus most of your attention is in this area…called the Interactive section.…This is where you'll create most of your interactions…in between your screens.…The first one is the Link function…which allows you to add clickable interactions…in between components and another screen.…
For example, if we'd like to click…on one of the items in the list view…and then get to the detail view,…this is how you'd use Link.…The next one is a Scroll function…which is by far the most used interactions…in our mobile or web devices.…It is exactly what it says,…the ability to add scrolling to a screen.…I will explore this too.…The final piece for adding interactions is with code,…so if we click on any of the items,…
- 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.