01

Сначала определите границу приёмки

В официальных материалах Apple есть две отдельные опоры для подготовки интерфейса iPhone Duo: руководство по проектированию и набор Figma UI Kit для iOS и iPadOS 27. Это помогает подготовить и объяснить макет, но не подтверждает, что статичный прототип корректно работает в приложении или что доступен симулятор целевого устройства. Передавайте разработчикам намерение и состояния интерфейса; нативную проверку планируйте только после подтверждения доступности сборки и тестовой среды. Руководство Apple по iPhone Duo и страница ресурсов с Figma UI Kit описывают именно материалы для проектирования.

Эта инструкция подойдёт UI-дизайнерам, которые готовят макеты iPhone Duo в Figma, продуктовым дизайнерам, которым нужно объяснить поведение двойного экрана, и руководителям команд на Windows, планирующим сотрудничество с разработчиками для платформ Apple.

Последнее обновление: 10 октября 2026 года. Сведения сверены с ресурсами дизайна Apple, руководством по iPhone Duo и доступными официальными материалами по подготовке разработки. Поддержку конкретного устройства, симулятора, версии Xcode и системы нужно повторно проверять перед назначением приёмки: появление дизайн-материалов само по себе такую поддержку не доказывает.

02

До работы в Figma: зафиксируйте, что именно принимается

Слово «прототип» часто скрывает разные результаты. В одном случае команда принимает расположение элементов на макете. В другом — сценарии переходов и реакцию на действия. В третьем нужно проверить установленное приложение: его компоновку, состояние и поведение на целевом устройстве или в подтверждённой тестовой среде.

Если не разделить эти результаты заранее, красивый экран в Figma легко ошибочно объявить доказательством корректной работы приложения. Это разные уровни проверки:

  • Статичный макет показывает композицию, размеры относительно соседних элементов, текст, изображения и предполагаемое расположение контролов.
  • Интерактивный прототип показывает запланированные переходы и некоторые состояния. Он не воспроизводит автоматически внутреннюю логику приложения, системные ограничения и реальные ошибки.
  • Разработка приложения превращает макет и спецификацию в работающий интерфейс. Только сборка позволяет проверять реализованное поведение.
  • Нативная приёмка проверяет приложение в тестовой среде, о поддержке которой вы получили подтверждение. Это не то же самое, что просмотр макета или демонстрация кликабельного прототипа.

Перед началом согласуйте с разработчиком, какой результат будет считаться завершённым. Например: «компоновка и переходы описаны в Figma; поведение в сборке проверяется отдельно после подтверждения тестовой среды». Такая формулировка не обещает проверку, которую пока невозможно провести.

03

Подготовка: можно ли работать с Figma на Windows?

Да, Windows-дизайнер может готовить интерфейс в Figma через браузер, если его рабочая среда соответствует требованиям сервиса. Но возможность открыть файл не означает, что каждый шрифт, плагин или браузерный сценарий уже проверен. До передачи откройте проект в рабочем браузере, убедитесь, что доступны нужные страницы и компоненты, и проверьте, что команда видит ту же версию файла. Справка Figma о настройке браузера описывает настройки, способные повлиять на работу редактора.

Используйте официальный Figma UI Kit как исходный материал, а не как сертификат соответствия. Компоненты и шаблоны ускоряют создание макета, но сами по себе не гарантируют корректную адаптацию под каждую позу устройства, соответствие вашим требованиям или реализацию в приложении. До передачи проверьте также лицензионные условия Apple Design Resources: не считайте, что любой элемент набора можно использовать вне условий, указанных правообладателем.

На старте создайте отдельную страницу или явно обозначенный раздел для iPhone Duo. Укажите, что является утверждённой версией, а что — исследовательским вариантом. Если в проекте смешаны готовые экраны, устаревшие гипотезы и комментарии для внутреннего обсуждения, разработчику придётся угадывать, какой вариант реализовывать. Добавьте ссылку на актуальные Apple design guidance рядом с макетом, чтобы контекст не потерялся при пересылке файла.

Что приложить к макету до передачи

Подготовьте комплект, который позволяет разобраться в решении без устного пояснения:

  • страницу с актуальными экранами и заметной пометкой об их статусе;
  • отдельные фреймы для значимых вариантов компоновки;
  • описание того, какие области интерфейса должны меняться при изменении позы устройства;
  • список интерактивных переходов, включая исходный экран и ожидаемый результат;
  • перечень открытых вопросов и решений, которые ещё не согласованы;
  • короткое описание того, что именно входит в приёмку, а что проверяется разработчиками отдельно.

Задача дизайнера — передать ожидаемый результат и ограничения, а не заявить, что приложение уже прошло проверку. Дизайнеру полезно описать, что пользователь должен увидеть; разработчику — определить, как приложение это реализует и какие технические условия для проверки нужны.

04

На этапе проектирования: опишите двойной экран и изменения позы

У iPhone Duo важны не только отдельные экраны, но и поведение компоновки при изменении позы устройства. Поэтому одного фрейма с подписью «основной экран» недостаточно. Откройте официальное руководство Apple по проектированию для iPhone Duo и сверьте с ним актуальную структуру макета и варианты интерфейса, которые относятся к вашему сценарию.

Для каждого представительного экрана зафиксируйте:

  • где находится основное действие и как меняется его положение в другом варианте компоновки;
  • какие сведения относятся к какой области и должны ли они оставаться видимыми одновременно;
  • что происходит с навигацией, панелями, вспомогательными действиями и контентом;
  • какие элементы сохраняются, перестраиваются, скрываются или требуют отдельного состояния;
  • что увидит пользователь, если содержимое не помещается или данные ещё не загружены.

Не ограничивайтесь подписью «адаптировать под двойной экран». Она не отвечает на вопросы реализации. Вместо этого приложите конкретную пару состояний и пояснение: «в этом варианте список остаётся рядом с выбранным материалом; при смене позы проверьте, сохраняется ли выбор». Это объясняет ожидаемое поведение, но не подменяет техническое решение разработчика.

Дизайн-система должна поддерживать работу, а не скрывать неизвестные. Если в Figma UI Kit нет компонента, который точно соответствует вашему сценарию, отметьте его как собственное проектное решение. Не выдавайте созданный командой компонент за готовое системное поведение. Укажите также, какие размеры и визуальные параметры взяты из официальных материалов, а какие выбраны проектной командой и требуют согласования.

05

Передача команде: сделайте намерение проверяемым

При передаче файла разработчик должен видеть не только конечный вид, но и связь между решением и проверяемым поведением. Назовите фреймы по смыслу, а не только по порядку. Например, «каталог — выбран элемент» полезнее, чем «экран 04». Состояния, которые отличаются только содержимым, можно сгруппировать, но важные различия в расположении или доступности действий показывайте отдельно.

Для каждого спорного места заведите запись с четырьмя полями: ожидаемый результат, состояние или действие, которое его вызывает, что пока не подтверждено и кто должен принять решение. Такую запись можно разместить в комментарии или в отдельной странице Figma. Если у команды есть трекер задач, оставьте ссылку на задачу рядом с соответствующим фреймом, чтобы исправления не оторвались от макета.

Сценарий из практики командной передачи: дизайнер на Windows показывает макет, в котором выбранный объект остаётся связан с контекстной панелью в другом состоянии устройства. Разработчик по скриншоту не может понять, является ли сохранение выбора обязательным или это только один из вариантов. Решение — добавить оба состояния, отметить событие перехода и явно написать, что сохранение выбора является требованием. Скриншот при этом остаётся иллюстрацией требования, а не доказательством работы приложения.

Помечайте артефакты соответственно:

  • «дизайн» — утверждённая визуальная версия;
  • «ожидаемое поведение» — описанный сценарий;
  • «реализация» — результат в сборке;
  • «проверено» — только то, что действительно проверено в обозначенной среде;
  • «не проверено» — то, для чего пока нет подходящей среды или подтверждения.

Такая маркировка особенно важна, если проект передают между независимыми исполнителями. Она исключает ситуацию, когда позднее статичный экран называют результатом тестирования на устройстве.

06

Перед нативной проверкой: сначала подтвердите среду

Переходите к Mac не потому, что в макете упомянута платформа Apple, а потому, что следующая задача требует macOS-инструментов или проверки работающего приложения в доступной среде. До планирования проверьте, что у команды есть запускаемая сборка, понятен способ её установки и определены сценарии, которые нужно воспроизвести. Затем отдельно выясните, подтверждены ли поддержка нужного устройства и доступность соответствующего симулятора.

Документы о подготовке разработки для iPhone Duo и заметки к выпуску Xcode полезны для сверки актуальных условий, но вывод следует делать по содержанию конкретных официальных страниц, а не по одному факту их существования. Проверяйте материалы Apple по подготовке iPhone Duo и заметки к выпуску Xcode 27.1. Если из них нельзя однозначно подтвердить поддержку вашего сценария, запросите подтверждение у команды разработки или дождитесь официального обновления. Не записывайте неподтверждённый симулятор в план приёмки как доступный инструмент.

Руководство Apple по работе с симулятором в Xcode помогает понять общий процесс работы с симулятором. Но общая инструкция не доказывает, что конкретная модель или конфигурация iPhone Duo поддерживается в вашей версии среды. Разделяйте эти утверждения: «мы знаем, как работать с симулятором» и «официально подтверждён нужный симулятор» — не одно и то же.

Пошаговый маршрут от файла до решения о приёмке

  1. Зафиксируйте объём. Запишите, проверяется ли визуальная концепция, интерактивный сценарий, сборка приложения или поведение на целевом устройстве.
  2. Очистите файл Figma. Выделите актуальные экраны, удалите или пометьте устаревшие варианты, добавьте понятные названия и ссылку на исходные материалы.
  3. Опишите состояния. Покажите существенные варианты позы и расположения контента. Укажите, какие действия или события приводят к смене состояния.
  4. Составьте список открытых вопросов. Отделите утверждённые требования от решений, которые должен принять разработчик или владелец продукта.
  5. Попросите подтвердить тестовую основу. Узнайте, есть ли запускаемая сборка и подтверждена ли поддержка целевой среды официальными материалами.
  6. Назначайте Mac-проверку только при необходимости. Если для следующего этапа нужна нативная сборка или инструменты macOS, оцените подходящую локальную или удалённую среду. Если пока достаточно макетов и спецификации, переход к Mac не добавит доказательств.
  7. Запишите результат по каждому пункту. Укажите, что проверено, где проверено, что осталось без проверки и почему.
07

Условия выбора: Figma, Mac или ожидание подтверждения

Используйте ветвление, а не общее правило «всё обязательно проверять на Mac»:

  • Если команда принимает только визуальное направление и описание состояний, а работающая сборка не нужна, завершите подготовку в Figma и передайте документацию.
  • Если разработчик должен проверить поведение приложения, сначала запросите сборку и подтверждение подходящей тестовой среды; до этого оставьте пункт в статусе «ожидает проверки».
  • Если для сборки или запуска нужны инструменты macOS, выберите локальный Mac либо временный удалённый Mac после проверки доступа, учётных записей и ограничений проекта.
  • Если требуется подтверждение на физическом устройстве, не заменяйте его макетом или неподтверждённым симулятором. Согласуйте доступ к целевому устройству.
  • Если поддержка устройства или симулятора официально не подтверждена, зафиксируйте ограничение и не ставьте статус «пройдено».

Удалённый Mac уместен как временная рабочая среда для проверки нативной сборки, но не снимает вопрос о доступности самого целевого устройства. До заказа уточните, можно ли установить нужные инструменты, подключить проектную учётную запись и выполнить ваш сценарий. Сведения об актуальных условиях сервиса можно посмотреть на странице аренды Mac у VpsMesh; не исходите из предположений о конфигурации или пригодности среды, если они не подтверждены для вашей задачи.

08

Матрица передачи и приёмки

Этап Что подготовить или получить Что этим можно подтвердить Чего это не подтверждает
Figma-макет Экраны, названия, компоненты, версии Визуальное намерение дизайнера Работу приложения
Интерактивный прототип Переходы и описания сценариев Предусмотренную логику взаимодействия Реализацию и системное поведение
Разработка Сборку и сведения о её назначении Наличие результата, который можно запускать в подходящей среде Поддержку неподтверждённого устройства
Нативная проверка Подтверждённую среду и записанные сценарии Результат конкретной проверки в указанной среде Поведение на других неподтверждённых конфигурациях
Если задача команды Предпочтительный следующий шаг Условие перехода
Согласовать композицию Оставаться на этапе Figma Утверждены экраны и варианты состояния
Передать поведение Дополнить файл спецификацией Разработчику понятны событие, ожидаемый результат и открытые вопросы
Проверить нативный интерфейс Получить сборку и подготовить Mac-среду Подтверждены нужные инструменты и тестовый сценарий
Подтвердить работу на устройстве Организовать проверку на целевом устройстве Доступность устройства подтверждена, результат можно зафиксировать
Неясна поддержка среды Отложить соответствующий пункт Появилось официальное подтверждение или согласованный тестовый план
Вариант работы Преимущества Ограничения Когда выбирать
Только Figma на Windows Можно готовить макет и передавать требования без локального Mac Нельзя выдавать макет за проверку нативной реализации Пока задача ограничена дизайном и документацией
Локальный Mac Прямой доступ к macOS-инструментам и локальным файлам Требует доступного устройства и настройки рабочего места Если Mac нужен регулярно и команда управляет своим оборудованием
Удалённый Mac Можно временно получить среду macOS без покупки отдельного компьютера Нужны сеть, удалённый доступ, учётные записи и подтверждение пригодности среды Если задача временная и тестовый процесс совместим с удалённой работой
Физическое целевое устройство Позволяет проверять именно устройство, если оно доступно Наличие Mac само по себе не предоставляет такое устройство Когда критерий приёмки прямо требует проверки на устройстве
09

Закройте приёмку по доказательствам, а не по впечатлению

В итоговом документе разделите выводы на «проверено», «ожидает проверки» и «не применимо». Для каждого проверенного пункта укажите артефакт: версию макета, сборку, тестовую среду и наблюдаемый результат. Не пишите «интерфейс iPhone Duo принят», если проверена только Figma-страница. Точнее: «макет и описанные состояния согласованы; поведение в нативной среде не проверено, так как поддержка целевой тестовой среды не подтверждена».

Если вы работаете на Windows, Figma позволяет подготовить значительную часть дизайнерской передачи, но не заменяет инструменты macOS и проверку реальной сборки. Локальный Mac разумнее для постоянной работы или задач с особыми требованиями к оборудованию. Удалённый Mac имеет смысл, когда нужен временный доступ к нативной среде, а ограничения сети, доступа и тестового устройства заранее учтены. Если проект пока не вышел за рамки макета, аренда не добавит полезного подтверждения. Если же разработчикам нужно собрать или открыть приложение в macOS, сопоставьте условия задачи с вариантами аренды VpsMesh и принимайте решение после проверки среды, а не по одному факту наличия Figma-прототипа.