Adapting Frames to be Responsive to different Phones

Question

Hi everyone! I am new to UX Design and am creating my portfolio. I created all of my frames for one of my case studies as iPhone 13 Pro Max, which is the phone I have. The screens fit perfectly when I look at it on my phone. However, someone viewed my frames yesterday and they had a Google phone, and they said that the size of my frames was way too big.
How can I make my frames responsive and adapt to all screen sizes?
Any help would be SO appreciated. Thank you!

Haroll · Answer

Hi @Kristine_RyndaThis question has already been asked and answered before, please use the search before creating a post.Find below posts that talk about responsive design in Figma:              Beginner Question About Responsive Design Ask the community        I’m trying to understand responsive design, and I’m struggling. I want this simple design to fill out the horizontal space on the MacBook Pro 16”. For the life of me, I cant seem to get it to work. Here’s a Loom video demonstrating my problem. Thanks for your help! My Demo Video                Can a prototype be responsive when viewed in Figma Mirror? Ask the community        I am new to Figma and mobile design in general. I’ve just learned about using constraints and layout grids to create a responsive design. I’ve created a design on an iPhone 11 Pro Max frame, and when I resize the frame to the iPhone SE resolution, the elements successfully slide into their rightful place, i.e. the design is responsive. However, when I go to view my prototype on my phone (an SE) in Figma Mirror, the prototype is not responsive, and the frame remains at the 11 Pro Max size, spilli…  Hope it helped

Reply

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded