Меню
Поиск

Что нового в дизайне интерфейсов: 15–30 сентября 2026

Перенос в вертикальном автолейауте Figma, киты iOS 27, стилизуемый select в Safari, новая модель WCAG 3 и зарплаты UX/UI-дизайнеров по грейдам.

30 сен 2026

Главное для дизайнера интерфейсов с 15 по 30 сентября: что поменялось в Figma, Framer и Affinity, что нового в браузерах и стандарте доступности, свежие исследования Baymard и NN/g, зарплаты по грейдам и российские кейсы. У каждой новости есть ссылка на первоисточник. Для инструментов из каталога указано, работают ли они из России.

Коротко

Инструменты

figma.com · 25 сентября

Figma: перенос в вертикальном автолейауте

Перенос появился и в автолейауте с вертикальным направлением: всё, что не помещается по высоте фрейма, уходит в новую колонку. Список чекбоксов, фильтр или блок преимуществ в несколько колонок теперь собирается одним фреймом и сам перестраивается, когда пунктов становится больше или меньше. Это поведение flex-wrap из вёрстки, но не masonry: порядок элементов сохраняется.

Фрейм фиксированной высоты и восемь пунктов

Без переноса пункты 5–8 вылезают за фрейм.

12345678

С переносом по вертикали лишнее уходит во вторую колонку: 1–4 и 5–8.

12345678

Figma, release notes, 25.09.2026

Анонс в Figma. Figma из России открывается, но платный тариф российской картой не оплатить — подробности и замена в карточке Figma.

developer.apple.com · 17–18 сентября

Apple: киты iOS 27 и macOS 27 для Figma

17 сентября Apple выложила UI Kit для Figma под iOS и iPadOS 27 и под macOS 27: обновлённые компоненты, системные цвета и иконки приложений. 18 сентября добавились рамки для iPhone 18 и складного iPhone Duo, а для Duo — отдельные киты для Figma и Sketch. Правила дизайна под Duo — позы устройства, раскладка на два экрана, панели вдоль вертикальной оси — Apple опубликовала в Human Interface Guidelines чуть раньше, 9 сентября. Если рисуете под iPhone, берите компоненты из кита: так макет совпадёт с тем, что пользователь увидит на экране.

Apple Design Resources · список изменений в HIG.

framer.com · 22 сентября

Framer: навыки для ИИ-агента

В Framer появились Skills — сохранённые инструкции для встроенного агента: правила дизайн-системы, манера текста, порядок работы с CMS. Навык создаётся командой /skills, в нём можно сослаться на страницы, компоненты и стили проекта. Договорённости, к которым вы пришли с агентом в одном разговоре, больше не нужно повторять в следующем.

Анонс в Framer. Framer из России открывается, платный тариф российской картой не оплатить — карточка Framer.

affinity.studio · 15 сентября

Affinity: переходы между фигурами и скрипты

Canva выпустила большое обновление Affinity — больше 60 новых функций и улучшений. Главные — инструмент Blend для плавных переходов между фигурами и скрипты, которые пишутся прямо в программе и работают сразу с вектором, растром и вёрсткой. Основные инструменты по-прежнему бесплатны, ИИ-функции открываются только с платным тарифом Canva. Для иконок и иллюстраций к интерфейсу это бесплатный векторный редактор без подписки.

Обзор обновления в блоге Affinity.

Браузеры и доступность

webkit.org · 17 сентября

Safari 27: выпадающий список оформляется как в макете

В Safari 27 настоящий select можно оформить полностью, и он остаётся штатным элементом формы: работает с клавиатуры, читается экранным диктором, проходит проверку формы. Свой выпадающий список больше не обязательно превращать в самописный компонент, который теряет доступность. Ещё в релизе страница перестала прыгать, когда сверху подгружается контент, а пипетка в веб-инспекторе показывает контраст прямо при подборе цвета.

Обзор релиза в блоге WebKit.

developer.chrome.com · 22 сентября

Chrome 154: карусели и подчёркивание средствами CSS

Точки-переключатели CSS-карусели теперь могут вести себя как вкладки: в фокус попадает только активная точка, между остальными переходят стрелками. Отступ подчёркивания от краёв текста задаёт свойство text-decoration-inset, и анимированное подчёркивание ссылки обходится без лишних элементов. Поповеры и диалоги на тачскрине больше не закрываются от прокрутки. Прежде чем закладывать это в макет, уточните у разработки, какие браузеры поддерживает продукт.

Заметки к выпуску Chrome 154.

w3.org · 25 сентября

WCAG 3: один уровень вместо A, AA и AAA

W3C объяснил, как будет устроено соответствие в WCAG 3: вместо трёх уровней останется один базовый, а то, что нельзя измерить объективно, уйдёт в дополнительные требования. Стандарт закончат не раньше чем через несколько лет, а WCAG 2 не отменят ещё несколько лет после этого — проверять макеты по WCAG 2.2 AA по-прежнему правильно.

Как меняется устройство соответствия
WCAG 2.2, сейчас
AAAAAA
Три уровня соответствия
Черновик WCAG 3
Базовые требованияcore requirements — на критериях A и AA
Дополнительные требованиято, что нельзя измерить объективно или что подходит не везде
Теги для регулятороввключают и исключают требования под свои правила

Куда уйдут критерии AAA, в статье W3C не сказано, поэтому у AAA нет стрелки.

W3C, блог, 25.09.2026

Статья W3C. Как проверить контраст всех пар цветов на экране — в уроке «Как проверить контраст всех пар на экране и собрать тёмную тему на тех же ролях».

Исследования и статьи

baymard.com · 23 сентября

Baymard: бейдж на карточке работает, пока он редкий

Carl MacDonald из Baymard разбирает бейджи на карточках товара и сводит всё к трём правилам. Бейдж ставится только ради значимой разницы — настоящей скидки или последних штук на складе. Он не должен стоять на каждой карточке, иначе превращается в шум. Текст на нём — короткий и привычный. Толковое чтение на семь минут про компонент, который есть почти в любом каталоге.

Статья Baymard · Baymard Institute в каталоге.

baymard.com · 24 сентября

Baymard: сайты продажи билетов прячут цену до последнего шага

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

Исследование сайтов продажи билетов
463тестовые сессии с размышлением вслух
2 800+проблем средней и высокой серьёзности
370+рекомендаций — по платной подписке

Baymard Institute, 24.09.2026

Статья об исследовании.

jakobnielsenphd.substack.com · 16 сентября

Якоб Нильсен оценил 100 методов UX-дизайна

Нильсен расставил сто методов по ценности, а стоимости метода дал двойной вес: именно она решает, применим ли метод на практике. В первой десятке — прототипирование с ИИ и дешёвые способы поставить задачу. Шесть известных методов он отнёс к зоне высокого риска «дизайн-театра», когда артефакт делают для вида и на решения он не влияет. Оценки экспертные, без замеров, и сам автор это оговаривает. Хороший повод спросить себя, на какое решение повлияла ваша последняя персона.

Место в рейтинге и баллы · из 100 методов, у первого места 20 баллов

Первая десятка

  1. 1Прототипирование с ИИ20
  2. 2Скетчинг16
  3. 3Формулировка проблемы15
  4. 4Jobs-to-Be-Done15
  5. 5Генерация идей с ИИ14
  6. 6Дизайн-бриф14
  7. 7Приоритизация «влияние — усилия»13
  8. 8Бережливые гипотезы13
  9. 9Вайрфреймы13
  10. 10Вайтбординг13

Высокий риск «дизайн-театра»

  1. 30Карта пути пользователя10
  2. 40Дизайн-принципы9
  3. 43Персоны8
  4. 44Концепции видения8
  5. 53Карта эмпатии6
  6. 76Дизайн-спринт4

Jakob Nielsen, «The 100 Most Common UX Design Methods», 16.09.2026; оценки экспертные

Статья Якоба Нильсена.

nngroup.com · 25 сентября

NN/g: когда сообщать, что текст написан с ИИ

Taylor Dykes из NN/g предлагает пять вопросов, по первым буквам PACED: требует ли пометку закон или платформа, как аудитория относится к ИИ, важен ли в этом тексте вклад человека, ждут ли пометку пользователи и какую часть работы сделал ИИ. Вывод: пометка может снизить оценку текста, но если об ИИ расскажет кто-то другой, реакция будет хуже. Пригодится, когда решаете, где в интерфейсе ставить подпись «сделано с ИИ». Это обзор чужих исследований, своего эксперимента в статье нет.

Статья NN/g · статьи NN/g в каталоге.

В России

habr.com · 28 сентября

Хабр Карьера: зарплаты UX/UI-дизайнеров по грейдам

В статье от 28 сентября Хабр Карьера приводит медианы по своему исследованию за первое полугодие 2026 года. За полугодие зарплаты дизайнеров выросли на 3 %. Пригодится как точка отсчёта, когда оцениваете оффер. А понять, на каком грейде вы сейчас, поможет проверка грейда.

Медианная зарплата UX/UI-дизайнера · тыс. ₽ в месяц
Juniorоколо 73
Middle127
Senior217
Leadоколо 258

Пунктир — медиана UX/UI-дизайнера в целом, 120

Хабр Карьера, первое полугодие 2026

Статья Хабр Карьеры.

habr.com · 25 сентября

Контур: как глухие пользователи участвуют в онлайн-встречах

В Контуре провели семь интервью с глухими пользователями сервиса видеовстреч Толк. Требования к интерфейсу получились конкретные. Видео переводчика русского жестового языка должно закрепляться на экране, кто бы ни говорил. Распознанная речь не должна перекрывать чат. А на встрече глухих и слышащих участников чат бывает основным каналом разговора, а не дополнением. Хороший пример небольшого качественного исследования: выборку в статье прямо называют небольшой, зато выводы сразу ложатся в макет.

Статья Контура на Хабре. Как готовить и проводить такие интервью — в уроке «Проблемные интервью: как узнать об опыте пользователя».

habr.com · 30 сентября

Сбер: ИИ-агент отвечает по документации дизайн-системы

Команда дизайн-системы FinAI в Сбере сделала агента DAIS на GigaChat. Он отвечает на вопросы по компонентам, шаблонам и редакционной политике, а база знаний для него собрана из документации, которая лежала в Pixso. По компоненту таблицы конкретных ответов — около 44 %. Честные цифры для тех, кто думает подключить ИИ к своей дизайн-системе.

663 вопроса агенту DAIS · с 17 июня по 8 сентября
  • 410 по разработке
  • 160 по редполитике
  • 93 по дизайну
Конкретный ответ из документациипочти 60 %

Сбер, блог на Хабре, 30.09.2026

Статья Сбера на Хабре.

artdirectorsclub.ru · 24 сентября

ADCR Awards: шорт-лист с интерфейсами, итоги 8 октября

Клуб арт-директоров России опубликовал шорт-лист 22-го сезона — 150 работ. В номинациях по интерфейсам — редизайн сайта hh.ru, обновление онлайн-кинотеатра Иви, мобильное приложение бренда MONOCHROME от Heads and Hands, интернет-магазин Farsel от ONY и две работы для Музея «Гараж». Победителей назовут 8 октября. Готовый список российских интерфейсов, которые стоит разобрать для насмотренности.

Новость ADCR с шорт-листом.

События

max.adobe.com · 10–12 ноября

Adobe MAX: онлайн бесплатно

Конференция Adobe пройдёт 10–12 ноября в Майами-Бич и онлайн. Онлайн-регистрация бесплатная: 10 и 11 ноября в неё входят ключевые доклады, показ экспериментальных функций Sneaks и сессии, которые потом можно посмотреть в записи.

Сайт Adobe MAX.

Новое на DesignStack

  • Проверка грейда — 37 вопросов о задачах, которые вы уже делали в работе. На выходе — профиль навыков и примерный грейд.
  • Карта развития — навыки по областям, от исследований до работы в команде. По ответам проверки карта показывает вашу ступень в каждом навыке, а где есть урок — ведёт на следующую ступень.
  • Уроки по тринадцати навыкам, у каждого три ступени — Junior, Middle и Senior: интервью, юзабилити-тесты, анализ конкурентов, опросы, сценарии и структура, вайрфреймы и прототипы, сетка, типографика, цвет, анимация, паттерны и состояния, иконки, фирменный стиль. В уроках есть тренажёры, а открываются они с карты развития.

Нашли полезный ресурс, которого нет в каталоге? Пришлите ссылку — посмотрю и добавлю, если он пригодится другим дизайнерам.

Дайджест раз в неделю

Коротко о новом в мире дизайна, свежие уроки и находки для каталога. Всё одним постом в Telegram.