Xcode 내의 Interface Builder 편집기는 코드를 작성하지 않고 전체 사용자 인터페이스를 간단하게 디자인할 수 있도록 해 줍니다. 간단하게 윈도우, 단추, 텍스트 필드 및 기타 대상체를 디자인 캔버스로 드래그 앤 드롭하여 작동하는 사용자 인터페이스를 만들 수 있습니다.
Cocoa 및 Cocoa Touch가 모델-뷰-컨트롤러 패턴을 사용하여 구축되어 있어 구현과는 별도로 인터페이스를 손쉽게 독립적으로 디자인할 수 있습니다. 사용자 인터페이스는 실제로 Cocoa 또는 Cocoa Touch 대상체(.nib 파일로 저장됨)로 아카이브되며 macOS 및 iOS에서 앱 실행 시 UI와 코드 간에 연결을 동적으로 생성합니다.
완전한 iOS 앱은 사용자가 탐색하는 여러 뷰로 구성됩니다. 이러한 뷰 간의 관계는 앱의 흐름을 전체적으로 보여 주는 스토리보드로 정의됩니다. Interface Builder의 스토리보드 디자이너는 새로운 뷰를 쉽게 생성 및 설계하고 이러한 뷰를 한데 연결하여 사용자 설정 코드 준비가 완료된 완전한 사용자 인터페이스를 만들 수 있도록 해 줍니다.
Xcode에는 다음에 대한 스토리보드 컨트롤러가 포함되어 있습니다.
스토리보드 또는 .xib 파일을 편집할 때 Assistant(보조)를 열어 UI 제어기의 동작을 구현하는 코드에 이러한 제어기를 빠르게 연결할 수 있습니다. 코드를 아직 작성하지 않은 경우 Xcode에서 인터페이스에 대한 로직을 제공하는 액션(실행 방법) 또는 아웃렛(데이터를 수용하는 변수)에 대한 스텁을 만들 것을 제안합니다.
iOS와 macOS에는 모두 자동 레이아웃이라는 강력한 레이아웃 시스템이 포함되어 있습니다. 이 자동 레이아웃은 Interface Builder에 내장되어 있으며 탁월한 지원을 제공합니다. 자동 레이아웃은 인터페이스의 각 대상체가 상위 보기 및 다른 인터페이스 제어기에 반응하는 방법을 제어하는 제한 사항을 정의할 수 있다는 아이디어에 기반하고 있습니다. 예를 들어 단추를 특정 크기로 유지하거나 다른 언어를 표시할 때 보다 큰 텍스트를 수용하도록 확장할지 여부에 우선 순위를 지정할 수 있습니다.
Interface Builder에서는 호환 가능한 규칙 세트를 확인하여 모든 제한 사항을 자동으로 만들 수 있습니다. 또한 제한 사항을 직접 제어하여 각각의 우선 순위를 정확하게 정의함으로써 앱이 다른 화면 크기에서, 회전 시 또는 새로운 로케일에서 실행 시 작동하는 방식을 정의할 수 있습니다.
미리보기 모드를 사용하면 앱을 실행하지 않고도 다양한 상황에서 인터페이스를 빠르게 볼 수 있어 반복되는 디자인 과정의 속도를 크게 높일 수 있습니다. 앱을 세로 또는 가로 형식으로, iOS의 이전 버전에서, 다양한 화면 크기 등에서 볼 수 있습니다.