Figma Mode Switching Explained: Managing multiple user access views in one screen prototype

[@WIN-js3fp]

Nice tutorial great work bud, but I have got question for you, what will be the case if there is 20+ user types to handle is it worth to create a prototype or just organize in table for each user type what layout or component will be visible? FYI im working on zero trust security platform and having RBAC feature in it, where if admin set permission for specific module to User type (manager) for create user permission only. in Users module manager can only see Create user nothing else

[@mohammedsajid-]

Hey just wanted to ask how useful are these Highly functional prototypes in real world? Do clients asks for it ? And realistically is it worth doing all this just for a prototypes? How hard would it be too create this in something like no code dev platform which can actually be deployed if needed compared to creating in figma?

[@pixellink.design]

Hey Mohammed, Great question! The main goal of this video is to teach you how to maximize the use of Figma for creating functional prototypes. Currently, many tutorials focus on switching between dark and light modes. However, this video demonstrates how to use modes to switch between different visibility settings for various users. This means you can build comprehensive designs within a single screen that adapt based on user context, saving you tons of time. By learning this technique, you can create one screen that changes itself based on different user roles, such as admin, owner, or staff. This approach is much more powerful than creating multiple screens for each variation. For example, instead of designing and managing 12 screens for different user roles, you can manage it all in one screen and toggle between the different states. This not only speeds up your design process but also makes it more efficient and easier to maintain. Prototypes in Figma are perfect for quick user testing and development discussions. Unlike no-code platforms, which might take longer, you can create complex prototypes in Figma in just 5-8 minutes. This speed is crucial for rapid testing and iteration. It's important to note that these prototypes are not necessarily for client presentations but for development and user testing. They help in communicating ideas clearly with both development teams and product managers. In my experience as a head of design at a payment company, these skills are invaluable. They support smart, lean, and innovative solutions and are essential for anyone looking to excel in product design and development. Hope this helps clarify the value and utility of these prototype!

[@mohammedsajid-]

@@pixellink.design thank you for answering Now that i think of it yeah it definitely helps in user testing. I myself have faced the issue where i have to remind the user many times that some buttons won't work as this is just a prototype And i didn't think it only takes 5 to 8 mins to create a good functional prototype, maybe because I'm still learning all this variables tools etc. Do you have someone in your design team who specifically creates prototypes ? If yes, is it common? Because i really like creating prototypes but designing not so much, So if i really put my time and get really good at it, and combine with UX research it will be usefull i guess.