Все кейсы
iOS SwiftUI UI-разработка Figma → Code

Avocet

Попиксельная реализация VPN-утилиты на SwiftUI по готовому Figma-макету.
19 экранов, полный Dark Mode, адаптивная вёрстка для iPhone и iPad. За один день.

Avocet
ПАРАМЕТРЫ ПРОЕКТА
ЭКРАНОВ
19
iPhone и iPad. От онбординга до настроек.
СРОКИ
1 день
От Figma до готовой вёрстки.
ЛОКАЦИЯ
UK
Великобритания. Клиент — Avocet.
ОБЪЁМ
Figma → Код
Чистая UI-реализация без бэкенда.

Превратить Figma-макет в рабочее iOS-приложение.

Клиент пришёл с полностью готовым Figma-макетом — каждый экран, компонент и состояние. Наша задача — реализовать его как нативное SwiftUI-приложение с продакшн-качеством кода.

Без бэкенда и сети — чистая UI/UX-реализация, готовая к интеграции. Точное соответствие Figma, архитектура MVVM, полный Dark Mode и адаптивная вёрстка для iPhone и iPad.

Избранные экраны.

Онбординг

Первый экран

Подключён

Connected state

Настройки

Settings

Отключён

Disconnected

От Figma-ассетов до продакшн SwiftUI.

Извлекли все ассеты из Figma — 21 кастомную SVG-иконку, 7 уникальных иллюстраций, варианты логотипа и шрифт Inter. Каждый ассет размещён в структурированном Xcode Asset Catalog.

Затем собрали библиотеку компонентов: кнопки со всеми состояниями, кастомный VPN-тогл, баннеры-подсказки, модалки и навигацию. В итоге все 19 экранов собраны из этих компонентов по точным координатам макета.

Стек проекта.

ЯЗЫКSwift
UISwiftUI | NavigationStack | @Observable
АРХИТЕКТУРАMVVM
ИНСТРУМЕНТЫXcode | Figma
ПОДДЕРЖКАiOS 17+ | iPhone + iPad | Light & Dark Mode

Нужно похожее?

Обсудим задачу в Telegram или на почте — ответим за день.