Hi! I’m working on a prototype in Figma and could really use some help with two things:
1. Clickable avatars with visible selection state
I’ve set up a screen where users can choose an avatar, and that choice correctly shows up later on the profile screen — so that part works!
The problem: I want to visually indicate which avatar was selected (like showing a border around the chosen one, or lowering the opacity of the others). But the component already uses a variable to define which avatar is shown on the profile, so I can't figure out how to also show a visual selection state in the avatar grid at the same time.
2. Showing typed name on profile
I have a text input field where users can enter their name. When you type and press Enter, the name gets stored — that part works.
But I don’t know how to show that input value under the profile photo on the profile page.
I’m not sure which layer to bind to the variable, or how to display the entered name properly.
Here’s my file if you want to check it out:
If anyone could help or even show me how to fix this directly in my file, I’d seriously appreciate it — I’ve been stuck on this for days. 🙏Thanks in advance.