Nowadays, Figma does a great job with hundreds of instances that contain 5–10 hidden groups with dozens of layers and scattered across a variety of pages. So don`t worry about the performance, although once upon a time, 10 such pages literally hung the project. After all, if you use this method, in addition to the pic, you will just need to cram the following into the Userpic master component and immediately hide that:
- layer or group of vector objects to a blank userpic
- centered text layer for the initials
- notification badge, to the upper right corner
- online/offline status indicator, to the bottom one
- icon to the center of the component or to the corner, for mobile scenarios (e.g. call to edit photo, to delete it)
- multiple face images (5 male, 5 female and everything is grouped in iOS design toolkit)
- arrange Constraints for each element so that Userpic can be used in several sizes
- what else have I forgotten? :
Pros: quickly getting the desired instance state by switching the layers visibility
Cons: if you switch 3+ layers and attach the new styles at the same time, there are too many actions