figma on move or zoom it moves viewport bug

But while we're looking at this, there are some other problems with this UI, right? It's a prototype, sure. You can kinda create all the interactions and wire it up. And there's also as I'm pressing it down, and stuff along those lines, and I can create a state that when my mouse leaves, it goes back up. As you can see as I hover, somewhat subtle. I might end up with starting from one of these other frames. You'll see Enable interactive components. Now, this one, I'll probably have some of the other frames in here that I have to deal with in a second. We'll kind of just put in here for a second, and we'll find out some other problems with this prototype as we do that. And let's go back to this Prototypes page, and we'll kinda just toss it in there for a second just to see it. And then having all the different instances that you can swap between derived from that base component becomes a very powerful concept here, right? And combining a lot of these strategies that we kinda learned in isolation into larger pieces that you can pose out of these strategies is incredibly powerful, as I said. Absolutely, right? So having a base component that has some of these basic kinds of states, having it in your checkbox on click.

Can you also do things in the beginning that make you happier later? Is part of the process of spending our time together figuring out what you do at the very beginning? It's like, can you refactor your code? Sure, of course you can. So can you reverse engineer some of this stuff, sure. You would also consider doing that to your base component as well, cuz then all of them will inherit it, and if you change any of these properties, right? So if I made this into a bunch of variations as well, then theoretically, I can do it in one place, cuz I have the problem that I had before, which is, yeah, this button now does that, this button does not. And so now if you had this button in a prototype, as they click on it, you'll see all of these different states. And it might not be perfect, but you know what? It's still pretty impressive. Smart animate will, if you have a toggle, it'll try to figure out what it should do with the toggle, and stuff along those lines. So now you can kinda simulate, and you can do an animation as well, like dissolve.

And I can say on hover, this is one of the questions from earlier, on hover, change it to the hover state, right? And then once they're hovering, on click change to the active state. But if I switch over to this Prototype tab, you can see that actually, what I can do is I got this little fun thing over here, and I can click it, all right? If I click on it, you can see that I can style it, all that kinda fun stuff. So if I go back to this button, where is it? It's over here. You can't swap instances on the fly, but you can toggle between the different variations. But the caveat is that you can basically only swap between the variations, right, of a given component, the variant states, right? You can wire up the moving between frame and frame, but you can also make the components interactive. Okay, so let's go to the main component in this case. Let me go find one of my old buttons from earlier. In Figma, you can actually make an interactive prototype in the same tool that you're designing everything, right? And there's a bunch of different ways that you can do this. One last thing to talk about, and that is this idea of speaking of putting things in front of customers, prototyping, right? Used to be in the days of Sketch, you'd build all your fancy UI in Sketch, and then you'd go to Zeppelin or something else to build a prototype out of it.

Figma on move or zoom it moves viewport bug