UX/UI зимы 2025: где ИИ встречается с ностальгией

Почему Фора Софт написала этот дайджест

С 2005 года компания Фора Софт выпустила более 625 продуктов, ориентированных на видео и искусственный интеллект. В последние два года наша дизайн-практика тестировала каждый AI-инструмент из этого дайджеста на реальных проектах, а не на демонстрационных примерах. Мы проверили AI-функции Figma на продукте для работы с видео, соответствующим стандартам HIPAA, связку Framer + v0 — на маркетинговых интерфейсах, Penpot 2.0 — при миграции дизайн-системы, а Adobe Firefly — при онбординге приложения с богатой анимацией. Мнения, приведённые ниже, основаны на этом практическом опыте.

Публичные источники: Figma 2025 AI Report (январь 2025, 2 500 респондентов в 7 странах), McKinsey Business Value of Design (300 компаний, период — 5 лет), Nielsen Norman Group (обновления за апрель 2024 и май 2025), Apple WWDC 2025, Google I/O 2025, релиз-ноты Penpot, Adobe MAX 2025, текст European Accessibility Act. Цифры, ссылающиеся на вендоров, — это их собственные заявления, мы честно их помечаем.

Опорные продукты пришли из нашей практики — в том числе BrainCert (первая в мире WebRTC HTML5-виртуальная классная комната, более 100 тысяч клиентов, сертификации HIPAA / SOC 2 / ISO) и MyOnCallDoc (телемедицина, соответствующая требованиям HIPAA/HITECH, обслуживает более 1 500 пациентов в Неваде).

Главные события зимы 2025 — кратко

Почему «AI встречается с ностальгией» — главный сюжет сезона

Этой зимой сошлись два тренда, и их столкновение само по себе — настоящий заголовок. С одной стороны, генеративный ИИ впервые представил по-настоящему рабочие инструменты: Figma Make, Vercel v0, Framer AI, Adobe Firefly Model 5. С другой — дизайнеры с необычной силой вернулись к ностальгическим стилям: Y2K-эстетика, нео-брутализм, кинетические шрифты, глассморфизм, переосмысленный через прозрачность и глубину.

Это столкновение не случайно. AI-генерируемый интерфейс тяготеет к стерильным средним значениям — это «средний» недостаток дизайна. Ностальгия — естественная реакция: бренды сознательно выбирают узнаваемые, привязанные к эпохе образы (Y2K-хром, нео-брутальные гротески, bento-сетки), потому что они воспринимаются как авторские, а не машинные. Самые сильные работы 2025 года используют ИИ для переименования слоёв, генерации изображений и написания коротких текстов, а ключевые решения по визуальной идентичности оставляют за людьми.

Обновление Nielsen Norman Group за май 2025 года формулирует это так: AI-инструменты дизайна «немного лучше», чем были в апреле 2024 года, и «всё ещё далеки от обещанных AI-ассистентов дизайнера». Узкоспециализированные AI-утилиты работают; широкие генераторы экранов разочаровывают.

Figma AI: Make, ChatGPT Images 2.0, Make Kits

В 2025 году Figma Make стал доступен всем: инструмент prompt-2-code превращает текстовые описания или существующие макеты в рабочие прототипы. Он поддерживает интеграцию с Supabase для прототипов на основе данных и лёгких веб-приложений. Make Kits позволяют импортировать библиотеки Figma Design прямо в Figma Make и генерировать React + CSS-компоненты — это самый чистый путь от дизайна к коду, который Figma когда-либо предлагала.

ChatGPT Images 2.0 теперь доступен в Figma Design, Draw, Slides, Buzz и FigJam — это позволяет создавать ассеты прямо в дизайнерской среде, не переключаясь между вкладками. Согласно Figma 2025 AI Report, 33% дизайнеров и разработчиков используют ИИ для генерации дизайн-ассетов, 22% — для создания первых вариантов интерфейсов, 21% — для подбора раскладок и визуальных стилей.

Тарифы: Figma Professional — 1 125 ₽/редактор в месяц, Organization — 3 375 ₽, Enterprise — от 5 625 ₽. Бесплатный тариф (2 редактора, 3 совместных файла) по-прежнему подходит для небольших команд. По опросам, Figma удерживает около 93% доли среди профессиональных дизайнеров — если ваша команда использует Sketch или Adobe XD, то релизы зимы 2025 года станут самым удобным моментом для перехода.

Adobe Firefly Model 5 и Express

Adobe действует решительно. Апрель 2025: единая платформа креативного ИИ Firefly с историей генераций, доступной в Photoshop Web и Express; генерация изображений вышла на нативное фотореалистичное разрешение 4 Мп. Октябрь 2025 (Adobe MAX): Firefly Image Model 5, генерация аудио студийного качества (Generate Soundtrack с полным лицензированием), Generate Speech для озвучки и веб-видеоредактор с таймлайном. Декабрь 2025, публичная бета: редактирование видео по текстовым промптам, ИИ-апскейлинг до 4K, поддержка сторонних моделей — начиная с FLUX.2 от Black Forest Labs (FLUX.2 появится в Adobe Express в январе 2026). Там, где Adobe по-прежнему остаётся впереди, — это юридически чистая история обучающих данных для корпораций: коммерческая безопасность становится ключевым фактором при выборе решений.

Framer и Vercel v0: от промпта до продакшена

Весенний AI-набор Framer 2025 (май 2025). Wireframer (создание адаптивных макетов по описанию на естественном языке), Workshop (ассистент vibe-кодирования, который генерирует кастомные компоненты под цвет, шрифт и систему макетов вашего сайта), Advanced Analytics (A/B-тесты, воронки, отслеживание кликов), Vectors 2.0 (работа с иконками и векторами, готовая к анимации, с удобным экспортом). Для маркетинговых и лёгких продуктово-маркетинговых решений — это самый полный AI-ориентированный стек на рынке.

Vercel v0 (2025). v0 превратился из экспериментального генеративного интерфейса в полноценную платформу для агентов: теперь можно импортировать GitHub-репозиторий, запускать код в изолированной среде с переменными окружения и конфигурацией Vercel, а также управлять ветками, создавать и сливать PR прямо из чата. Человек без технических навыков, реально выкладывающий изменения через полноценное ревью, — уже не фантастика.

Galileo (Stitch), Uizard, Magic Patterns, Khroma

Google купила Galileo AI и превратила его в Google Stitch на базе Gemini: теперь можно генерировать интерфейсы по текстовому описанию, экспортировать в Figma и получать готовый HTML с Tailwind. Uizard остаётся самым доступным решением для создания простых вайрфреймов — тариф Pro стоит 900 ₽ в месяц, а бесплатный план позволяет работать с двумя проектами и делать три генерации в месяц. Magic Patterns — это инструмент для быстрого создания прототипов по промптам, которым реально пользуются продуктовые команды на этапе мозгового штурма; Khroma генерирует персонализированные цветовые палитры на основе нейросетей, с которыми удобно экспериментировать. Ни один из этих инструментов не заменяет дизайнера, но все они помогают быстрее преодолеть этап «пустого листа» в спринте.

Penpot 2.0: open-source-платформа дизайна повзрослела

Penpot 2.0 (апрель 2024, вышел на зрелость в 2025) — первый серьёзный дизайн-инструмент с нативной поддержкой CSS Grid и встроенными дизайн-токенами как единым источником истины. Для компаний, которым по требованиям безопасности нельзя хранить дизайн-файлы в американских SaaS-сервисах, Penpot — реальная самохостимая альтернатива. Мы применяли его на проекте в регулируемой отрасли, где Figma в облаке был недоступен, и рабочий процесс работает стабильно. Минус: экосистема плагинов пока уступает Figma — придётся написать несколько внутренних скриптов.

Apple Liquid Glass и Google Material 3 Expressive

Apple Liquid Glass (WWDC 2025). Самая значительная визуальная перестройка Apple с 2013 года; раскатывается на iOS 26, iPadOS 26, macOS 26, watchOS 26 и tvOS 26. Система делает акцент на прозрачности, глубине, плавной отзывчивости и единых компонентах, которые одинаково хорошо работают на всех устройствах. Глассморфные иконки сочетают полупрозрачные поверхности с лёгким преломлением света и цветовыми искажениями — если вы разрабатываете нативные приложения для iOS или iPadOS, ваша иконка и навигация уже выглядят устаревшими, пока остаются плоскими.

Google Material 3 Expressive (Google I/O 2025). Пружинная анимация, продвинутая тактильная отдача, эмоционально насыщенные взаимодействия. Обновление Expressive — самое масштабное визуальное изменение Material за последние годы. В связке с правильным haptic API на Android заметен прирост воспринимаемого качества. Мы перенастроили микровзаимодействия кнопок в Android-клиенте видео-продукта под спецификацию Expressive — оценка «отзывчивости» выросла, хотя задержки остались прежними.

Y2K, нео-брутализм и возвращение ностальгии

Y2K-эстетика с футуризмом. Голографические градиенты, хромированные поверхности, пастельные неоны, современный пиксель-арт. Стиль выглядит намеренно авторским и почти не поддаётся автоматизации — именно в этом его привлекательность в 2025 году.

Нео-брутализм. Высококонтрастные, конфликтующие цвета, вычурные дисплейные шрифты, современные плоские иллюстрации — всё это намеренно «неприлизанный» ответ на слишком аккуратную эстетику SaaS. Версия 2025 года — это скорее структурный минимализм, чем максимализм, характерный для возрождения середины 2010-х, поэтому её можно использовать на реальных продуктовых интерфейсах.

Глассморфизм, новый виток. Apple Liquid Glass превратил глассморфизм из модного тренда в системный паттерн. Полупрозрачные слои с рефракцией и хроматической аберрацией стали стандартом для потребительских приложений 2026 года; на enterprise- и accessibility-ориентированных продуктах используйте их с осторожностью.

Кинетическая типографика и bento-раскладки

Кинетическая типографика. Шрифт, который двигается, появляется, увеличивается или печатается при прокрутке — главный тренд в hero-областях и онбординге в 2025 году. Прагматичное предупреждение: анимации шрифтов могут нарушить доступность, если у пользователя включён режим prefers-reduced-motion. Учитывайте этот media-query всегда и без исключений.

Bento-раскладка. Модульные сетки, вдохновлённые японскими ланч-боксами. Исследование Journal of Usability Studies 2025 года показало: на страницах с bento-раскладкой пользователи находят нужную информацию на 23% быстрее, чем на линейных макетах. Такой паттерн хорошо работает для маркетинговых лендингов, дашбордов и страниц с описанием функций продукта; он не заменяет полноценную навигацию в длинных текстах.

Тёмная тема — теперь базовое требование, а не дополнительная функция

Тёмная тема в этом году перешла из разряда опциональной в ожидаемую. Теперь правильное определение готовности дизайна подразумевает поддержку обеих тем с самого начала, а тематизация строится на токенах, чтобы ни одна тема не оставалась запоздалым решением. Повышенная читаемость при слабом освещении и меньшая усталость глаз делают тёмную тему почти универсальным требованием в потребительских и B2B-продуктах в 2025–2026 годах.

Доступность: EAA, WCAG 2.2 и жесты visionOS

European Accessibility Act вступает в силу 28 июня 2025 года. Любой бизнес в Европе, предлагающий товары или услуги, должен соответствовать требованиям закона. Минимальный стандарт — WCAG 2.2 AA (выпущен в октябре 2023 года); WCAG 3.0 пока находится в стадии разработки и имеет раннюю версию Silver. Закон охватывает не только сайты, но и клиентскую поддержку, договоры и платёжные интерфейсы.

Когнитивная доступность. WCAG 2.2 ввёл более строгие требования для людей с нарушениями внимания и памяти — например, чёткие индикаторы фокуса, упрощённую аутентификацию и предсказуемую навигацию. Эти же принципы — отличная практика юзабилити для 95-го процентиля пользователей.

Пространственный дизайн visionOS. Apple Vision Pro работает по принципу «взгляд + жест рукой» с автоматическими эффектами при наведении. Интерактивные элементы должны быть не меньше 60 pt, чтобы не уставала шея; пространственный звук должен исходить из точки взаимодействия. visionOS 26 добавил пространственные виджеты, панорамные фото, кастомные циферблаты и быстрые плейлисты. Если вы разрабатываете продукт для visionOS, доступность — это не опция, а обязательное ограничение, которое определяет расположение элементов, а не добавляется потом.

Дизайн-системы: ROI 170%, но средняя стоимость миграции — 23 млн ₽

Расчёт ROI Smashing Magazine показывает 170% — 2,70 ₽ возврата на каждый вложенный 1 ₽ за пять лет в репрезентативной модели по дизайн-команде. У лидеров верхней квартили McKinsey рост выручки на 32% выше, а доходность для акционеров — на 56% выше, чем у нижней квартили. Неутешительный контрпример: средняя миграция платформы обходится в 23 млн ₽, при этом основными причинами становятся перенос сроков, выгорание команды и пробелы в безопасности. Отсюда две практические установки. Архитектура на токенах с самого начала (чтобы тематизация и переход между версиями ОС были вопросом конфигурации, а не полного редизайна). И парная работа дизайн-инженеров на этапе сборки — она устраняет разрыв «дизайн говорит X, инженерия выпускает Y», который съедает большую часть ROI.

Совместная работа в реальном времени: Miro, FigJam и Penpot

Рынок совместных вайтбордов прогнозируют в 608 млрд ₽ к 2033 году (CAGR 14,3%). Бесконечный холст больше не главное преимущество — теперь важны фасилитация, AI-кластеризация и интеграция с другими инструментами. Miro остаётся самым гибким, Mural — лучшим выбором для корпоративных воркшопов с высокой нагрузкой на фасилитацию, FigJam выигрывает за счёт интеграции с Figma и брейнштормов с Jambot. Инструменты асинхронного видео (Loom и аналоги) сильно продвинулись: 50×-зум по волновой форме при монтаже, перетаскивание клипов, автоматическое удаление слов-паразитов. Для наших распределённых команд уровень асинхронного видео на уровне Loom заметно сократил циклы дизайн-ревью.

Пространственный UX: Vision Pro, visionOS 26 и новое управление окнами

Итерация Vision Pro 2025 года определила язык пространственного дизайна. Хром окон переходит к глассмору с подсветкой из верхнего левого угла; иконки приложений используют реалистичные 3D-эффекты с прозрачностью и слоением для создания глубины. visionOS 26 добавил пространственные виджеты и быстрые плейлисты, а также более плавную модель взаимодействия «взгляд плюс щипок». Практическое правило для продуктовых команд: не переносите 2D-дашборды один к одному. Руководство по интерфейсу (HIG) для visionOS предполагает другую иерархию контента — одна фокусная задача, периферийная информация — на заднем плане, крупные цели — в центре внимания. Доступность (особенно требование размера цели касания не менее 60 pt) — это ограничение, которое напрямую определяет компоновку.

Тренды UX в видео и стриминге

Три зимних тренда 2025 года в UX видео. Контекстная персонализация — искусственный интеллект теперь учитывает время суток, устройство, окружение и предполагаемое настроение пользователя, а не только его историю просмотров. Паритет коммьюнити-функций — зрители поколения Z ожидают чата в реальном времени, сопровождающих социальных лент и общих реакций, особенно в спортивных и образовательных развлекательных форматах. Минимумы задержки продолжают падать — сеть доставки Media-over-QUIC (MoQ) Relay Network от Cloudflare (запущена в августе 2025) охватывает более 330 городов и снижает конечную задержку до ~150 мс.

У наших клиентов в этом сегменте действует простое правило: каждая секунда задержки снижает вовлечённость на 20% и более. Гибридные модели монетизации (AVOD + SVOD + FAST) стали стандартом — дизайнерам нужно закладывать рекламные сценарии с самого начала, а не добавлять их потом. Наши разборы по созданию масштабируемых стриминговых видео-приложений и аналитике в реальном времени теперь углубляются в инженерные решения и продуктовую экономику.

Рыночные данные: чем дизайнеры реально пользуются и что они говорят

Мини-кейс: обновление под Liquid Glass в видео-LMS

Ситуация. Видео-LMS на стадии роста — профиль, близкий к BrainCert (более 100 тысяч клиентов, сертификации HIPAA / SOC 2 / ISO, четырёхкратный лауреат Brandon Hall) — нуждался в обновлении дизайна под iOS 16, которое можно было бы запустить за квартал, не нарушая существующую систему токенов и доступность.

Что мы выпустили. Обновили тематизацию на токенах в соответствии с гайдами Apple Liquid Glass: глассморфный хром (полупрозрачность, рефракция, мягкая хроматическая аберрация) на плеере, нижней панели и тулбаре; пружинные анимации на ключевых переходах в стиле Material 3 Expressive для Android; бенто-раскладку на лендинге «Библиотека курсов»; отложенные анимации и прозрачность для пользователей с настройками prefers-reduced-motion или предпочтением AA-контраста. Figma Make в связке с ChatGPT Images 2.0 генерировали варианты маркетинговых ассетов прямо в платформе; Figma Dev Mode и Make Kits сократили передачу дизайна в React с нескольких спринтов до нескольких дней.

Результат. Рефреш вышел в срок на существующей системе токенов — без переписывания дизайн-системы. Оценки воспринимаемого качества выросли, хотя задержки остались прежними; Lighthouse-оценки доступности остались выше 95 на обеих темах. Хотите аналогичный аудит на своём продукте? Позвоните или напишите нам.

Пять вопросов перед внедрением AI-инструментов дизайна

1. Задача узкая или широкая? На узких задачах (переименовать слои, сгенерировать микротексты, предложить палитру, дозаполнить Figma-ассет) ИИ даёт реальную пользу. Генерация целого экрана в 2025 году всё ещё чаще всего не попадает в цель.

2. Какая постановка по данным? Облачный Figma AI подходит для маркетинговых поверхностей, но часто не проходит проверку для регулируемых продуктовых интерфейсов. Альтернативы — самохостируемый Penpot или Adobe в enterprise-тарифе.

3. Какова цель передачи? Figma + Make Kits переходит на React; v0 выкладывает проекты в Vercel; Framer выпускает маркетинговые страницы напрямую. Выбирайте инструмент, чей стандартный результат соответствует вашему стеку.

4. Готовы ли вы выпустить тёмную тему и reduced-motion с первого дня? Если нет — отложите обновление под кинетическую типографику или Liquid Glass, пока не сможете.

5. Есть ли в дорожной карте выход на ЕС? Если да — EAA и WCAG 2.2 AA должны быть включены в критерии готовности до запуска, а не добавлены как ретрофит в Q3 2025.

Пять подводных камней дизайна «AI плюс ностальгия»

1. Отдавать AI решения по бренд-айдентике. Генеративный ИИ усредняет всё к медиане. Используйте ИИ для создания ассетов и коротких текстов, а разработку бренд-айдентики, тона и логотипной системы оставьте человеку.

2. Глассморфизм без проверок контраста. Полупрозрачные слои чаще не соответствуют требованиям WCAG AA по контрасту, чем принято считать. Токенизируйте «стеклянный» материал и проверяйте каждое состояние на соответствие AA до слияния.

3. Кинетическая типографика без prefers-reduced-motion. Пользователи с вестибулярными расстройствами отвернутся от продукта. Учитывайте media-query без исключений.

4. Перекос в Figma в ущерб дизайн-токенам. Источником истины должны быть токены, а не Figma-файлы. Если токены хранятся только внутри Figma, передача данных инженерам становится хрупкой.

5. Пропускать пост-релизное юзабилити-тестирование. Тренды — это мода, юзабилити — факт. Перед тем как праздновать успех, проведите 30-минутный модерируемый тест нового дизайна.

Когда НЕ стоит гнаться за дизайн-трендами зимы 2025

1. Вы ещё не достигли product-market fit. Гонка за трендами без PMF сжигает деньги. Выпустите проверенную, простую и доступную версию 1 — и получите право на обновление позже.

2. Ваша аудитория старше или активно использует вспомогательные технологии. Брутализм, кинетический шрифт и плотные bento-сетки на этих сегментах проигрывают: удобство всегда важнее моды.

3. Команда не выпустит тёмную тему и токены доступности в этом квартале. Отложите обновление под Liquid Glass / Material 3, пока не сможете.

FAQ

Что почитать дальше

Готовы поставить UX/UI зимы 2025 в дорожную карту?

Зима 2025 — сезон, когда AI-инструменты дизайна вошли в повседневную работу над узкими задачами, а владельцы платформ (Apple, Google) обновили визуальные основы. Правильный выбор для большинства продуктовых команд — обновление на основе токенов: Liquid Glass и Material 3 Expressive на Chrome, bento-раскладки там, где важна скорость поиска информации, кинетический шрифт с жёстким контролем reduced motion и AI-утилиты, встроенные в Figma, Vercel и Adobe, чтобы ускорить работу с ассетами и микротекстами. Айдентику, тон и решения в сложных случаях оставьте людям.

Если у вас есть работающий продукт, дизайн-система и бюджет на 2025–2026 годы, мы ответим в течение 48 часов с краткой нотой на одну страницу: какие паттерны зимы 2025 стоит внедрить в этом квартале, как провести миграцию через обновление токенов, а не через редизайн, и какая стратегия доступности выдержит требования European Accessibility Act.