Figmapedia
목록으로 돌아가기
프로토타이핑

프로토타입 present view에서 화면 설정 종류

세진2025. 2. 6.

질문사항

프로토타입에서 화면 크기를 조절하는 여러 메뉴가 있는데, 어떤 차이가 있죠?

답변

1. Fill screen

디자인을 모니터의 높이 혹은, 너비를 가득 채울 수 있는 크기로 보여줌.

2. Actual size (100%)

디자인을 모니터의 높이와 너비랑 상관없이 실제 크기로 보여줌.

3. Fill width and height

디자인을 모니터 화면 안에 모두 보일 수 있도록 맞춰서 보여줌.

4. Fit width

디자인의 너비를 기준으로 모니터에 맞춰서 보여줌.

5. Responsive

디자인을 프로토타입을 보여주는 기기 너비에 맞춰서 반응형으로 사이즈를 조절하여 보여줌.

추가로 알면 좋을 팁

Preview 모드에서 Responsive로 화면을 설정하신 다음, Preview창을 조절하시면 기기 해상도에 따른 화면 변화를 볼 수 있습니다! 그리고 브라우저로 프로토타입을 보시면 개발자 도구를 통해 기기별 실제화면 사이즈로 볼 수 있어요.