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

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

С 2005 года компания Фора Софт выпустила более 625 продуктов, ориентированных на видео и AI, и последние два года наша дизайн-практика тестировала каждый 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 встречается с ностальгией» — главный сюжет сезона

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

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

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

Figma AI: Make, ChatGPT Images 2.0, Make Kits

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

ChatGPT Images 2.0 теперь встроен в Figma Design, Draw, Slides, Buzz и FigJam — это важно для генерации ассетов прямо в дизайнерской среде, без переключения вкладок в ChatGPT. Figma 2025 AI Report фиксирует конкретику использования: 33% дизайнеров и разработчиков применяют AI для генерации дизайн-ассетов, 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: единая платформа креативного AI Firefly с историей генераций, доступной из Photoshop Web и Express; генерация изображений вышла в нативное фотореалистичное разрешение 4MP. Октябрь 2025 (Adobe MAX): Firefly Image Model 5, плюс генерация аудио студийного качества (Generate Soundtrack с полным лицензированием), Generate Speech для озвучки и веб-видеоредактор с таймлайном. Декабрь 2025, публичная бета: редактирование видео по текстовым промптам, AI 4K-апскейлинг, поддержка сторонних моделей, начиная с FLUX.2 от Black Forest Labs (FLUX.2 в Adobe Express появится в январе 2026). Где Adobe по-прежнему выигрывает — это юридически чистая история обучающих данных для корпораций: коммерческая безопасность — реальный критерий закупки.

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

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

Vercel v0 (2025). v0 эволюционировал из генеративного UI-курьёза в production-grade агентскую платформу: импорт GitHub-репозитория, sandbox-рантайм, подтягивающий переменные окружения и конфиг Vercel, Git-панель для ветки на чат, PR и merge-to-deploy. Не-инженер, который реально выкатывает PR через нормальный ревью, — уже не гипотеза.

Galileo (Stitch), Uizard, Magic Patterns, Khroma

Google купила Galileo AI и перестроила его как Google Stitch на Gemini: генерация UI из текста, экспорт в Figma, продакшен-вывод HTML/Tailwind. Uizard остаётся самой дешёвой точкой входа для низкодетализированных вайрфреймов (900 ₽/мес. за тариф Pro, бесплатный тариф на 2 проекта и 3 генерации в месяц). Magic Patterns — prompt-to-prototype-инструмент, которым продуктовые команды реально пользуются на старте брейнштормов; 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 3 — самое крупное визуальное изменение Material за годы; в связке с правильным haptic API на Android прирост воспринимаемого качества заметен. Мы перенастроили микровзаимодействия кнопок в Android-клиенте видео-продукта под спецификацию Expressive — оценка «отзывчивости» выросла без каких-либо изменений в задержках.

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

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

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

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

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

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

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

Тёмная тема — теперь базовое требование, а не фича

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

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

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

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

Пространственный дизайн visionOS. Apple Vision Pro строится на взаимодействии «взгляд + жест рукой» с автоматическими hover-эффектами. Интерактивные элементы должны достигать площади касания ≥ 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 видео. Контекстная персонализация — AI теперь учитывает время суток, устройство, окружение и предполагаемое настроение, а не только историю просмотров. Паритет коммьюнити-функций — зрители поколения Z ждут чата в реальном времени, сопровождающих социальных лент и общих реакций, особенно вокруг спорта и эдьютейнмента. Минимумы задержки продолжают падать — Media-over-QUIC (MoQ) Relay Network от Cloudflare (август 2025) охватывает свыше 330 городов и опускает end-to-end-задержку до ~150 мс.

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

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

Мини-кейс: рефреш под Liquid Glass на видео-LMS

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

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

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

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

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

2. Какая постановка по данным? Облачный Figma AI пригоден для маркетинговых поверхностей, но часто дисквалифицирован для регулируемого продуктового UI. Альтернативы — самохостящийся 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 решения по бренд-айдентике. Генеративный AI усредняет в сторону медианы. Используйте 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

Стоит ли внедрять Figma Make прямо сейчас?

Да, на тарифах Professional или Organization — особенно если вы выпускаете маркетинговые поверхности или React-based продуктовый UI. Make Kits + Dev Mode — самый чистый путь от дизайна к коду в 2025-м. Используйте его для первых драфтов и генерации компонентов; визуальную айдентику и финальную полировку оставьте людям.

Безопасен ли Adobe Firefly для корпоративного использования?

Да для большинства корпоративных контекстов — постановка Firefly по обучающим данным самая чистая на рынке. Подтвердите BAA/DPA с вендором и версии моделей, которые планируете использовать; Model 5 вместе с Generate Speech, Generate Soundtrack и Express — рабочий дефолт на 2026-й.

Стоит ли редизайнить под Apple Liquid Glass прямо сейчас?

Если выпускаете нативные iOS или iPadOS — да, но как рефреш на токенах, а не полный редизайн. Проверяйте глассморфные поверхности на AA-контраст в каждом состоянии; следите за анимациями, которые могут провоцировать вестибулярные реакции; держите плоские токены для пользователей доступности. Ориентируйтесь на спринт рефреша в 4–6 недель.

Когда стоит использовать Penpot вместо Figma?

Когда заказчик не может класть дизайн-ИС в облако вендора (регулируемые финансы, здравоохранение, госсектор), когда дизайн-токены должны быть буквальным источником истины в вашем репозитории, и когда команда способна поднять самохостящуюся инсталляцию. Экосистема плагинов меньше — приготовьтесь написать несколько внутренних скриптов.

Что European Accessibility Act реально означает для дорожной карты?

С 28 июня 2025 года каждый продукт, работающий с ЕС, должен соответствовать WCAG 2.2 AA — на сайте, в клиентской поддержке, в договорах и платёжных потоках. Добавьте WCAG 2.2 AA плюс паттерны когнитивной доступности в ваше design definition-of-done; встройте аудит axe-DevTools или аналога в CI; заложите бюджет на внешний аудит до запуска в ЕС.

Подойдёт ли bento-раскладка для нашего маркетингового сайта?

Скорее да для лендингов и сеток продуктовых фич — результат «на 23% быстрее поиск информации» из исследования Journal of Usability Studies 2025 года реален. Скорее нет для лонгридов и документации, где линейная навигация всё ещё выигрывает.

Сколько стоит обновление инструментов дизайна с AI?

Figma Pro — 1 125 ₽/место/мес.; Organization — 3 375 ₽; Enterprise — от 5 625 ₽. Enterprise-цена Adobe Firefly — per-seat плюс кредиты на генерации. Тарифы Framer стартуют в нижнем трёхзначном диапазоне в месяц. Большая статья расходов — миграция дизайн-системы: данные CIO Dive показывают около 23 млн ₽ в среднем по проектам миграции платформ, так что планируйте рефреш как обновление токенов, а не как редизайн.

Готов ли Vercel v0 к реальному продуктовому UI?

Для маркетинговых поверхностей и админ-дашбордов — да: sandbox-рантайм, GitHub-импорт и Git-PR-флоу 2025-го выкатывают production-grade React. Для сложного продуктового UI с авторизацией, доступностью и ограничениями дизайн-системы относитесь к выводу v0 как к каркасу, который дорабатывает пара «дизайнер + инженер», а не как к финальному релизу.

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

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

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

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