Overrides are one of the main tool you can use to add small snippets of code into your prototype. In this video, Emmanuel Henri explores how to add your own.
- [Instructor] Overrides are code snippets … inside of Framer X that allows us to insert … custom interactions with code, … so let's take a look at how it works. … So let's work with the detail view here, … so what we're going to do first is make sure that we … select that specific frame here, so let's go … to item detail and card detail is the one that we want. … Once you have selected the item … that you want to add code or functions … or animations or interactions to, … what you need to do is go to the section … in the properties here, and then click on overrides. … And then what you need to do is click on the plus sign, … and this is going to bring a file which is called examples. … So Framer X provides examples of code, … so if we take a look at examples, … we're going to have some overrides … that are already written for us. … There's a function that's called hover, … draggable, rotate, flip input, flip output. … Now let's go ahead and take a look at that code, … so if we go to edit code, …
Released
9/20/2019- Setting up design files
- Importing and exporting files
- Enabling side-scrolling
- Adding animation to scrolling
- Animating the summary detail
- Transitioning to the detail card
- Inserting video elements
- Inserting sounds
- Adding SVG animations
- Delivering for review
Share this video
Embed this video
Video: Overrides intro