UX/UI 디자인

모바일 페이지 프레임 사이즈

피그마 오픈카톡방2026. 3. 7.

질문사항

피그마에서 모바일 페이지 작업 시 주로 어떤 프레임 사이즈를 사용하시나요? (예: 360x740)

답변

모바일 페이지 작업 시 특정 프레임 사이즈를 고정하기보다는, 디자인 대상 기기의 일반적인 해상도나 가장 보편적인 기준을 따르는 것이 좋습니다. 피그마에서 제공하는 기본 사이즈 외에도 다양한 기기 해상도가 존재합니다.

일반적으로 많이 사용되는 모바일 프레임 사이즈는 다음과 같습니다:

360x780: 갤럭시 S22/S23 등 안드로이드 기기의 일반적인 해상도에 해당하며, 짝수 단위로 작업하기 편리하여 많이 사용됩니다.

375x812: 아이폰 X, XS, 11 Pro, 12 mini 등 비교적 작은 노치 아이폰 모델의 해상도입니다.

390x844: 아이폰 12, 13, 14, 15 등 최신 아이폰 모델의 해상도입니다.

어떤 사이즈를 선택하든 중요한 것은 반응형 디자인 원칙을 고려하여 디자인하는 것입니다. 하나의 고정된 사이즈에 맞춰 디자인하더라도, Auto Layout과 Constraints를 활용하여 다양한 화면 크기에 유연하게 대응할 수 있도록 설계해야 합니다. 피그마에 특정 사이즈가 없더라도 직접 커스텀 프레임을 만들어 사용할 수 있습니다.