🕐 TreziniДайджест | Design Systems · AI · Figma

Последняя мини-подборка в этом году 🎄

🤖 1. Brad Frost — AI × дизайн-системы
Brad Frost вместе с Ian Frost и TJ Pitre запустили курс про связку ИИ и дизайн-систем — не хайп, а системный подход.
Курс: https://aianddesign.systems/

Анонс: https://bradfrost.com/blog/post/introducing-our-new-course-ai-and-design-systems/

🧠 2. Claude Code + Figma = интерактивные прототипы
Iasonas Georgiadis показывает, как собирать интерактивные прототипы через Claude Code на базе макетов и дизайн-системы в Figma.
https://uxdesign.cc/designing-with-claude-code-and-codex-cli-building-ai-driven-workflows-powered-by-code-connect-ui-f10c136ec11f

⚛️ 3. t2 (Tele2): UI Kit на React
Пошаговый гайд по настройке UI Kit + страница дизайн-системы t2 появилась в клубе отечественных дизайн-систем.
https://habr.com/ru/companies/t2/articles/974508/

https://www.designsystemsclub.ru/companies/t2

📐 4. Семантика размеров — миф или реальность?
Donny D'Amato рассуждает, можно ли делать size-токены семантическими или размеры всегда остаются «на глаз».
https://blog.damato.design/posts/complementary-space/

🔒 5. Публичные дизайн-системы закрываются
PJ Onori — о неприятной тенденции: всё больше открытых дизайн-систем уходят в private. Экономия ресурсов vs польза для сообщества.
https://pjonori.blog/posts/public-design-systems-are-worth-it/

🎞 6. Токены для анимации
Amit Sheen предлагает стандартизировать анимации через токены и CSS-переменные — применимо не только к вебу.
https://www.smashingmagazine.com/2025/11/keyframes-tokens-standardizing-animation-across-projects/

🧹 7. FigmaLint — линтинг дизайн-системы
Плагин проверяет структуру компонентов, переменные и нейминг. На выходе — чистота и документация.
https://www.figma.com/community/plugin/1521241390290871981/figmalint

🤝 8. AI-доступ к гайдлайнам дизайн-системы
Southleft предлагает концепцию контекстного доступа к документации через ИИ-ассистента.
Проект: https://github.com/southleft/company-docs-mcp

Подробнее: https://southleft.com/insights/design-systems/your-documentation-can-do-more-than-you-think/

⚡️ Итог:
Дизайн-системы всё глубже уходят в AI, токены и автоматизацию, а качество документации становится критически важным.

#TreziniДайджест 🕐

🎄 Всех с Новым годом! ✨

Хочу просто пожелать вам того самого счастья — которое каждый ищет по-своему и правда хочет найти.
Пусть в новом году его будет больше 🤍

#TreziniНьюс

Всем привет 👋

Долго пропадал из канала по ряду причин — сейчас постепенно возвращаюсь в рабочий режим.

Со следующей недели запускаю рубрики в обычном формате 🚀
Плюс в ближайшие месяцы хочу начать делать не общий контент про дизайн, а более личный, IRL — про работу, процессы, мышление и путь дизайнера изнутри.

Пока думаю над форматом 🤔
Но точно хочется уйти от обезличенного канала и постепенно превратить его в личный дизайнерский блог ✍️

Так что ждите изменения — будет живее и интереснее 🔥

#TreziniНьюс

🫥 TreziniДайджест | Design Systems · AI · Figma


🤖 1. Тренд: AI-система дизайна
В 2026 году ожидается рост AI-генерируемых дизайн-систем — ИИ не только помогает ускорить задачи, но и будет создавать структуры и стандарты для систем.
https://uxdesign.cc/the-most-popular-experience-design-trends-of-2026-3ca85c8a3e3d

🔺 2. Веб-дизайн 2026: смысл вместо хаоса
2026 год приносит фокус на смысл, структуру и UX, а не только визуальные эффекты. Сайты становятся человечнее, аккуратнее и эффективнее.
https://genius.space/ru/lab/trendy-veb-dizajna-2026-kakie-sajty-budut-prodavat-a-kakie-uzhe-ustareli/

✂️ 3. AI + Design Systems Conference
Adobe, Figma и госструктуры обсуждают, как совмещать скорость AI и стандарты дизайн-систем. Онлайн-конференция запланирована на март 2026.
https://intodesignsystems.medium.com/adobe-figma-new-york-state-see-how-theyre-solving-ai-design-systems-df07ed32f626

🔧 4. Лучшие AI-инструменты для дизайна 2026
Пять ключевых инструментов для AI-дизайна и прототипирования через Figma: от автоматизации до prompt-to-code прототипов.
https://www.figma.com/resource-library/ai-product-design/

📊 5. Токены, переменные и governance
Основные тренды дизайн-систем — agеntic AI, стандартизация токенов и модульная архитектура для масштабируемости.
https://www.supernova.io/blog/the-future-of-enterprise-design-systems-2026-trends-and-tools-for-success


📝 Итог:
2026 — это год, в котором AI перестаёт быть вспомогательным инструментом и начинает формировать структуру дизайн-систем, а не только визуальные интерфейсы.

#TreziniДайджест 🕐

С этим тоже не мог не поделиться 🖥

Всё чаще вижу, как в вакансиях и обсуждениях всплывает одна и та же мысль:

дизайнер в 2026 — это уже не про «красиво собрать экраны».
Рынок постепенно смещается в сторону продуктовой ценности 🧠

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

📁От портфолио тоже ждут другого:
не просто картинки, а контекст, процесс и объяснение решений.
В целом ощущение такое, что требования становятся жёстче,
но и роль дизайнера — взрослее.

#Информатив

🕐 TreziniДайджест | UI · UX · Interface Patterns

Пачка свежего уже точно из 2026 года про свежие интерфейсные паттерны и практики 👇

🛒 1. GoodCart: Коллекция хороших интерфейсов интернет-магазинов.
https://goodcart.design

📐 2. Detail Design: Коллекция хороших интерфейсных паттернов — от мелких деталей до экранов.
https://detail.design

💬 3. NN/g: Типичные проблемы подсказок в интерфейсе. Зачастую вместо простой контекстной помощи они вызывают модальные элементы с водянистым описанием.
https://www.nngroup.com/articles/tooltips/

🛡 4. Sai Mohanty и Priyanka Raju: Дельный кейс проектирования сложного интерфейса для безопасников — от исследования пользователей до запуска продукта.
https://bootcamp.uxdesign.cc/designing-complex-security-interfaces

🎮 5. Александр Шпак: Проанализировал игровые интерфейсы по классическим эвристикам Нильсена.
https://ux.pub/u/alexander-shpak

🤖 6. Luke Wroblewski: Вариант интерфейса для управления множеством ИИ-агентов.
https://www.lukew.com

🧠 7. Adobe Photoshop: Дизайн интерфейса работы с разными ИИ-моделями и Generative Fill.
https://blog.adobe.com/en/topics/photoshop

⌨️ 8. Eric Bailey: Таблица горячих клавиш для accessibility — какие можно и нельзя использовать веб-приложениям.
https://ericwbailey.design/published/keyboard-shortcuts/

☑️ 9. Виталий Фридман: Памятка о разных вариантах множественного выбора в формах.
https://www.smashingmagazine.com

🧬 10. Jude Ejike: Концепция нейро-адаптивных интерфейсов для пользователей с особенностями восприятия.
https://uxdesign.cc

📊 11. MeasuringU: Исследование сайтов торговых сетей США — оценки по SUPR-Q, NPS и UX-Lite.
https://measuringu.com

#TreziniДайджест

🌐 UX больше не «про удобство» — теперь это инструмент роста бизнеса

Интересно наблюдать, как меняется роль UX.
Раньше задача была — сделать удобно.
Теперь задача — влиять на поведение пользователя и рост продукта.

Компании всё чаще используют интерфейсы как реальный growth-инструмент 👇

📈 Что меняется
— интерфейсы подстраиваются под пользователя;
— навигация начинает «предугадывать» действия;
— кнопки и сценарии меняются в зависимости от контекста;
— из пользовательского пути убирают любой лишний friction.

По сути интерфейс становится не просто оболочкой,
а системой, которая направляет решения пользователя.

Почему это важно?
UX напрямую влияет на конверсию, удержание и деньги бизнеса.
Дизайн → метрики → рост.

Подробнее:
https://edesigninteractive.com/blog/web-trends-driving-growth-in-2026

#Брендинг

💎 Новые AI-инструменты для дизайнеров, которые реально работают

Последние месяцы рынок AI-инструментов сильно почистился.
Остались не «игрушки», а решения, которые используют в реальной работе.

🧠 Что происходит
— AI генерирует интерфейсы и wireframes по описанию;
— помогает проверять UX и структуру экранов;
— ускоряет прототипирование и исследования;
— начинает работать как со-дизайнер, а не просто генератор.

Какие инструменты сейчас чаще всего используют 👇

🤖 Figma AI — ускоряет итерации, помогает с layout и компонентами.
https://www.figma.com/ai/

⚡️ UX Pilot — генерирует UX-флоу, wireframes и логику интерфейса.
https://uxpilot.ai/

🎨 Adobe Firefly — генеративный контент и визуальные вариации.
https://firefly.adobe.com/

📐 Uizard — превращает идеи и скетчи в интерфейсы.
https://uizard.io/

🌐 Framer AI — делает готовые интерфейсы и сайты по описанию.
https://www.framer.com/ai/

Почему это важно?
AI начинает забирать рутину и оставляет дизайнеру стратегию, решения и мышление.

#TreziniДайджест

С этим тоже хочу с вами поделиться ✨

Нашёл интересный источник — большая коллекция винтажных сканов 👇

Фотографии, иллюстрации и страницы книг из архивов Метрополитен-музея, Нью-Йоркской библиотеки и других источников.

public.work