시작하기 전에
이 기능을 사용할 수 있는 사람
모든 팀 또는 요금제에서 사용 가능합니다.
파일에 대한 편집 가능 액세스 권한이 있는 모든 사용자는 프로토타입 설정을 조정할 수 있습니다.
프로토타입이 프레젠테이션 보기와 인라인 미리보기에서 사용자에게 표시되는 방식을 제어할 수 있습니다. 이를 통해 프로토타입이 더욱 현실적이거나 브랜드 정체성과 일치하는 느낌을 줄 수 있습니다.
프로토타입 설정 액세스
프로토타입 설정에 액세스하기:
- 캔버스의 빈 부분을 클릭하여 개체의 선택을 해제합니다.
- 오른쪽 사이드바에서 프로토타입 탭을 선택합니다.
- 기기: 프레젠테이션 보기에서 사용하는 기기 유형, 방향, 모델을 사용자 지정합니다.
- 배경: 프레젠테이션 보기에서 프로토타입을 재생할 때 배경 색상을 설정합니다.
- 흐름: 현재 페이지에서 프로토타입 흐름을 보고 관리합니다. 프로토타입 흐름에 대해 자세히 알아보기 →
기기
기기 설정을 사용하여 프로토타입을 실제와 유사한 컨테이너 안에 배치하세요. 인라인 미리보기나 프레젠테이션 보기를 사용하여 프로토타입을 재생하면 기기 컨테이너를 볼 수 있습니다.
기기
Figma에는 여러 인기 있는 기기 사전 설정이 있습니다. 프로토타입 프레임의 치수가 사용 가능한 옵션을 정의합니다.
-
프레임 사전 설정: 프레임 사전 설정을 사용하면 Figma가 해당 사전 설정과 일치하는 기기를 선택합니다. 원하면 다른 기기를 선택할 수도 있습니다. 예를 들어, iPhone 15 Pro Max 프레임 사전 설정을 사용하면, Figma도 기기로 iPhone 15 Pro Max를 선택합니다.
- 프레젠테이션 보기: 모든 기기 유형의 프레임 사전 설정 사용 가능
- 인라인 미리보기: 모바일 기기(휴대폰, 시계, 태블릿) 프레임 사전 설정만 사용 가능
- 사용자 지정 크기(맞춤): 사용자 지정 크기는 디자인을 자동으로 확대/축소하여 프로토타입을 보고 있는 화면에 맞게 조정합니다. 프레젠테이션 보기에서만 적용할 수 있으며, 사용자 지정 크기를 선택하면 인라인 미리보기에서 프로토타입을 재생할 때 기기가 표시되지 않습니다.
- 프레젠테이션(전체): 프로토타입을 화면에 전부 표시할 수 있는 크기로 표시합니다. 프레젠테이션 보기에서만 적용할 수 있으며, 프레젠테이션을 선택하면 인라인 미리보기에서 프로토타입을 재생할 때 기기가 표시되지 않습니다.
방향
프레젠테이션 보기에서 기기 방향을 제어합니다. 다음 중에서 선택합니다.
- 인물 사진
- 가로
참고: 프로토타입 내에서 방향을 전환하는 것은 불가능합니다. 프로토타입에 두 방향 프레임을 모두 가지고 있는 경우에는 이를 염두에 두어야 합니다.
모델
선택한 기기에 따라 특정 모델을 지정할 수 있습니다. 예를 들어, iPhone 15 Pro Max에는 네 가지 색상이 있습니다.
미리보기
프레젠테이션 보기에서 기기가 어떻게 표시될지 미리보기로 확인합니다.
배경
프레젠테이션 보기에서 선택한 기기 뒤에 나타날 사용자 지정 배경 색상을 선택합니다.
예를 들어, 사용자가 콘텐츠에 집중할 수 있도록 배경을 중성 색상으로 설정하거나 브랜드 색상을 사용하여 세련된 느낌을 더할 수 있습니다.