화면은 Figma에서 정리했는데, 개발자가 실제 두 화면 동작까지 확인해 달라고 하나요?

이번 주에는 자세별 설계 의도와 미확인 항목을 먼저 넘기세요. 원생 앱 검수는 실행 가능한 개발 빌드와 지원이 확인된 테스트 환경을 찾은 뒤 진행해야 합니다. Figma 시안만으로는 실제 동작을 증명할 수 없고, 시뮬레이터가 iPhone Duo를 지원한다고 미리 가정해서도 안 됩니다.

UI 설계자: Figma에서 자세에 따른 화면 변화를 준비하고 싶은 분에게 맞습니다.
제품 설계자: 두 화면의 배치와 상호작용을 Apple 플랫폼 개발자에게 넘겨야 하는 분을 위한 안내입니다.
Windows 기반 팀 책임자: 기존 장비로 할 일과 Mac 환경이 필요한 검수를 구분하려는 경우에 참고하세요.

Apple이 공개한 iPhone Duo 설계 지침과 iOS 및 iPadOS 27용 Figma UI Kit의 공개 사실은 Apple 개발자 디자인 자료 업데이트와 공식 디자인 자료 모음에서 확인할 수 있습니다. 다만 실제 기기나 대응 시뮬레이터의 이용 가능 여부는 별도 확인 사항입니다. 이 글의 정보는 2026년 10월 10일 기준이며, Apple 개발자 디자인 자료, iPhone Duo 설계 지침, 공식 Figma UI Kit 안내를 기준으로 확인했습니다.

01

시작 전: 이번 전달에서 확인할 결과를 나누세요

먼저 개발자가 필요한 것이 무엇인지 정하세요. 화면의 모양을 검토할 정적 시안인지, 조작 순서를 설명하는 자료인지, 실행 중인 앱의 동작 확인인지에 따라 전달물이 달라집니다.

전달 대상 Figma에서 준비할 내용 이것만으로 확인할 수 없는 내용
화면 디자인 주요 화면, 텍스트, 구성 요소의 배치 실제 앱의 실행과 표시
상호작용 설명 누르는 요소, 전환되는 화면, 예상 결과 개발 빌드에서의 동작
원생 앱 검수 기대 결과와 재현 절차 지원이 확인되지 않은 기기나 환경의 호환성

디자인 검토와 기능 검수, 기기 호환성 검수를 한 번에 “완료”로 묶지 마세요. 각 결과를 나눠 기록해야 정적인 Figma 화면을 실제 기기 테스트 증거로 오해하는 일을 막을 수 있습니다.

Windows에서도 Figma 설계 자료는 준비할 수 있습니다. 단, 브라우저 편집 환경이 맞는지 Figma 공식 브라우저 설정 안내를 먼저 확인하세요. 이 단계에서 Mac을 준비할 이유는 없습니다.

02

설계 준비: UI Kit를 출발점으로 삼으세요

Apple의 iPhone Duo 설계 지침은 기기 자세와 두 화면에 대응하는 동적 레이아웃을 다룹니다. 공식 디자인 자료 페이지에 있는 Figma UI Kit는 화면 구성을 시작할 때 참고할 수 있습니다.

그러나 UI Kit를 적용했다고 해서 디자인이 자동으로 완성되거나 실제 앱에서 같은 모습으로 동작하는 것은 아닙니다. 자료를 가져오기 전에 Apple 디자인 자료 사용 조건도 확인하세요. 팀의 사용 방식이 허용 범위에 들어가는지 검토하고, 라이선스 조건과 개발 단계의 검수는 별개의 문제로 관리합니다.

Figma 자료 개발자가 파악해야 할 설명 전달할 때 남길 구분
대표 화면 어떤 콘텐츠가 어느 화면에 놓이는지 확정된 시안
자세별 화면 변화 자세가 바뀔 때 이동하거나 유지되는 요소 설계 의도
조작 흐름 입력에 따른 예상 화면과 결과 구현 확인 필요
예외 상황 아직 합의되지 않은 동작이나 표현 미확인 항목
03

자세별 화면을 정리할 때 놓치기 쉬운 점

iPhone Duo용 Figma 화면은 두 화면이 보인다는 사실만 표현해서는 부족합니다. 자세에 따라 콘텐츠 영역이 달라질 때 주요 정보와 조작 요소가 어디에 있어야 하는지 설명하세요. Apple의 설계 지침에서 다루는 자세와 동적 레이아웃을 기준으로 시안을 맞추되, 자료에 없는 세부 동작을 이미 확정된 플랫폼 동작처럼 적지 마세요.

확인할 상태 시안에서 보여 줄 내용 개발자와 합의할 사항
두 화면을 함께 쓰는 배치 콘텐츠가 화면 사이에서 어떻게 나뉘는지 화면별 책임과 정보 우선순위
자세가 달라진 뒤 유지되는 요소와 위치가 바뀌는 요소 전환 중 예상 동작
조작이 발생한 뒤 입력한 화면과 결과가 표시될 위치 동작 조건과 화면 전환
확인이 필요한 예외 결정되지 않은 경우를 별도 표시 구현 또는 추가 확인 담당자
04

첫 번째 단계: 개발자가 재현할 자료를 묶으세요

개발자에게 Figma 링크만 보내지 말고, 대표 화면과 상태 설명을 함께 전달하세요. 화면마다 식별하기 쉬운 이름을 붙이고, 어떤 자세를 가정했는지 표시합니다. 자세가 바뀌기 전후의 차이가 있다면 두 화면을 나란히 확인할 수 있게 구성하세요.

각 조작에는 입력, 기대 결과, 확인이 필요한 조건을 적습니다. 예를 들어 특정 버튼을 눌렀을 때 어느 화면에서 어떤 정보가 갱신되어야 하는지를 분리해 설명하세요. 개발자가 문제를 다시 만들 수 있도록 문제를 발견한 화면, 당시의 자세, 재현 순서도 남기면 됩니다.

여기서 설계 결정과 구현 책임을 구분하는 것이 중요합니다. 디자이너는 의도와 기대 결과를 제시합니다. 개발자는 해당 의도를 실행 가능한 앱에서 구현하고 검증합니다. 아직 공식 지원이 확인되지 않은 기기나 시뮬레이터 항목은 “미확인”이라고 표시하세요. 스크린샷을 실제 기기에서 통과한 증거라고 적지 마세요.

05

자주 묻는 질문

윈도우에서 설계 작업을 시작해도 되나요?

가능합니다. 브라우저에서 Figma 파일과 편집 환경을 사용할 수 있다면 화면과 상태 설명을 준비할 수 있습니다. 다만 실제 앱을 실행하는 검수와 Figma 작업은 다릅니다. 필요한 검수가 원생 도구를 사용하는 단계에 이르렀는지 먼저 확인하고, 그 전에는 맥을 작업 조건으로 전제하지 마세요.

개발자에게는 어떤 자료를 우선 보내야 하나요?

대표 화면과 자세별 변화, 조작에 따른 예상 결과, 아직 결정되지 않은 항목을 한데 정리해 보내세요. 개발자가 구현 결과를 설계 의도와 대조하고 문제를 재현할 수 있어야 합니다. 정적 이미지와 실행 중 앱 검수 기록은 다른 자료로 표시하고, 각각 무엇을 증명하는지 분명히 남기세요.

두 화면 배치 외에 확인할 항목은 무엇인가요?

기기 자세가 달라질 때 핵심 정보와 조작 요소가 유지되는지, 이동하는지, 어느 화면에 표시되는지를 확인하세요. 조작 이후의 화면 변화와 예외 상황도 포함합니다. 단, Apple 공식 지침에서 확인되지 않은 동작은 확정된 기기 기능처럼 쓰지 말고 개발자와 확인할 항목으로 전달하세요.

원생 앱 검수에 앞서 Mac부터 준비해야 하나요?

아닙니다. 먼저 실행 가능한 개발 빌드가 있는지, Apple이 목표 기기나 대응 시뮬레이터와 개발 도구의 지원을 공식 안내했는지 확인하세요. Xcode 버전별 변경은 Xcode 27.1 공개 안내에서 살펴볼 수 있지만, 특정 버전의 공개만으로 iPhone Duo 지원을 단정해서는 안 됩니다.

06

원생 앱 검수: 환경이 확인된 뒤 Mac을 선택하세요

개발 빌드가 준비되면 대상 기기와 테스트 방법을 개발자에게 확인하세요. Apple의 iPhone Duo 개발 준비 자료에서 최신 준비 사항을 점검하고, 시뮬레이터 조작이 필요하면 Xcode 시뮬레이터 안내 영상을 참고할 수 있습니다. 해당 자료를 확인하는 것과 특정 기기 지원 여부를 확인하는 것은 별개의 일입니다.

이때 Mac은 Figma 작업을 위한 필수품이 아닙니다. Xcode 등 macOS 원생 도구를 실제로 써야 하는 단계가 확인되었을 때 검토할 환경입니다. 공식 지원이 확인되지 않은 시뮬레이터에서 진행한 결과를 실제 기기 검수와 같다고 기록하지 마세요.

07

조건별 선택: 다음 행동은 검수 환경에 맞추세요

  • 실행 가능한 개발 빌드와 공식적으로 확인된 테스트 환경이 모두 있으면, 해당 환경에서 원생 앱 검수를 진행하세요.
  • Figma 시안과 상호작용 설명만 준비된 상태라면, 개발자에게 상태와 미확인 항목을 넘기고 구현 결과를 기다리세요.
  • macOS 도구가 필요한 단계가 확인됐지만 사용할 Mac이 없다면, 먼저 프로젝트와 계정, 테스트 조건이 맞는지 확인한 뒤 원격 맥을 검토하세요.
  • 대상 기기나 대응 시뮬레이터의 지원 정보가 확인되지 않으면, 그 항목은 통과가 아니라 검수 제한 또는 미확인으로 기록하세요.

검수 결과는 Figma 시안 확인, 개발 빌드 확인, 실제 기기 확인으로 나눠 남기세요. 각 항목에는 확인한 환경과 결과, 아직 확인하지 못한 내용을 적습니다. 그래야 “시안 확인 완료”가 “기기 호환성 확인 완료”로 바뀌어 전달되는 일을 막을 수 있습니다.

08

마무리: 현재 장비의 한계와 Mac 검수 시점을 구분하세요

Windows와 Figma만으로는 실행 중인 원생 앱을 검수할 수 없습니다. 또 지원이 확인되지 않은 시뮬레이터를 테스트 근거로 삼을 수 없고, 실행 가능한 개발 빌드가 없으면 구현 결과도 대조할 수 없습니다. 이 조건을 확인하지 않은 채 Mac을 먼저 마련하면, 필요한 테스트가 여전히 불가능할 수 있습니다.

반대로 macOS 원생 도구를 써야 하고 프로젝트와 테스트 조건도 갖춰졌다면, 직접 Mac을 마련하는 방법과 원격 맥을 쓰는 방법을 비교할 수 있습니다. 장기적으로 상시 사용할 환경이 필요하거나 물리 기기 연결이 중요한 작업이라면 직접 보유가 더 맞을 수 있습니다. 짧은 검수나 임시 개발 환경이 목적이라면 VpsMesh의 Mac 환경 안내를 살펴보고, 작업 계정과 파일을 원격 환경에서 다룰 때는 VpsMesh 개인정보 보호 방침도 함께 확인하세요. 현재 프로젝트와 계정, 테스트 가능 여부를 확인한 뒤 결정하면 됩니다. Figma 시안만 준비된 단계라면 아직 대여를 서두를 이유는 없습니다.