Ready to take this next step? Prototyping makes Figma the real deal as software, and you better have lots of fun using it. In this tutorial, we will explain How to Adjust Prototype Settings in Figma to create a pleasant and smooth workflow during this process.
Adjusting the Prototype settings will make the prototype behave the way we want it to, and not the other way around. It also makes the workflow smoother and more organized as we can trust the process is being done correctly, and we don’t need to go back and check why something isn’t working.
There are three ways to access the Prototype Settings in Figma:
The ideal would be to do this before you start prototyping, but whatever way you choose to access the panel, they will display the same options. What matters is that you selected the prototype tab; otherwise, it could lead to unexpected things.
Let’s check each option separately. The Device and Model feature refers to which phone, tablet, desktop, etc. You are prototyping for, either way, you can still customize the size if you don’t find what you are looking for. You can also change the background depending on the application design, which might be useful, especially when the application color palette has the same prototype background color and is hard to look at.
Finally and very importantly, preview! Always remember to preview any change of settings in the prototype; this way, you can ensure everything works nicely. Keep up a good job, and stay tuned!