Take a look at code overrides and how to work with them.
- [Instructor] Code overrides is a powerful feature…of Framer X.…It allows you to add and change anything…into your component as the component loads into the preview,…or add events, animations, et cetera.…So let me demonstrate.…So you can access code overrides on the right here.…And it says code, and then you click on the plus,…and you'll see that there's already some stuff in here.…So let me explain those.…The first thing is the actual file that holds…the code override.…So you could add a lot of code in there,…and then have access to it.…
Every function that you export out of that file…is actually usable in the overrides here.…So for example, if you take a look at the select,…you'll have scale, rotate, fade,…switch output, and switch input.…And if you want to see them, you actually click…on edit example TS,…and it'll bring you again to the S code.…And you can see each function here…that is exported is available in the code overrides.…And you can apply these actual functions…to any DPs or component inside of your prototype.…
- 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.