UX/UI Maze Design

Ежегодная презентация крупных продуктовых рывков Figma Config 2026 прошла 23–25 июня в Сан-Франциско. Получился один из самых сильных запусков за всю историю, который крепко тащит нас всех в будущее инструментов дизайна.   Вот что было по основным направлениям:   Слои с кодом в Figma Это главный космос из показанного, да и на рынке вообще. Любой слой может стать слоем на базе кода — конвертировать в него дизайн или готовый подключить репозиторий кода. Такой слой становится интерактивным — можно взаимодействовать с интерфейсом как с интерактивным прототипом.   Самый огонь-пожар, что при взаимодействии с этим прототипом можно вытащить любые состояния как редактируемые макеты. Изучить внимательно, поправить их как обычный дизайн и снова закоммитить в репозиторий. Делать ветки для отдельных версий через простое дублирование слоёв кода.   Всё это работает благодаря глубокой интеграции Figma Make под капотом — они сделали много таких фундаментальных решений за последние месяцы. Например, диктовать команды голосом.   Figma Motion Полноценные инструменты анимации прямо в Figma, вместе с таймлайном. Можно автоматически записать ключевые кадры, если подвигать элементы или описать словами агенту. Всё летает шустро, моментально показывает все доработки на лету.   Можно анимировать шейдеры, есть оркестровка и стилистические заготовки для быстрого старта. На подходе 3D-трансформации.   Упрощается работа с дизайн-системами, которые описывают анимацию — появились специальные переменные. Её тоже можно быстро перегонять в код и разбирать в DevMode, читать по MCP. Всё это можно экспортировать в видео-файлы и гифки.   Агент Figma Скоро будет работать в других инструментах — FigJam, Figma Slides. Получит навыки, плагины, сможет загружать вложения. Коллеги смогут видеть ваши чаты с агентом и лучше понимать контекст.   Генеративные плагины Делать свои микро-инструменты дизайна стало ещё проще — можно сгенерировать плагин по текстовому описанию. Он будет жить в конкретном файле Figma и выглядеть нативно.   Шейдеры Их тоже можно создавать через агента —'эффекты, текстуры и трансформации; статические, динамические и интерактивные. Можно определить настраиваемые параметры, которые станут стандартным интерфейсом.   Figma Weave Наконец-то началась интеграция Weave в основной интерфейс Figma. Пока это 20 первых цепочек обработки типа стилизации, фотосессий товара, накладывания лого на мерч или генерации мокапов, но скоро можно будет создавать свои. По сути они упрощают весь пайплайн до «что на входе» и «что на выходе» (вся механика под капотом).   Макет Figma может стать узлом в пайплайне интерфейса Weave. Конечно, больше всего ждали более тесной интеграции Weave в основной редактор. Но, видимо, это всё совсем нетривиально.   Обзор ключевых анонсов. И полное видео с кучей деталек. Оно абсолютно стоит того, чтобы посмотреть внимательно. Ребята создают мир гибкого и контекстного применения ИИ, который уводит нас из каменного века prompt-driven инструментов — лет через десять над ним будут угорать, как над эпохой перфокарт.   Можно запросить ранний доступ ко всем этим запускам.   #figma #tools

ОАО «Оптима Банк»: UX/UI Designer Тип: Работа в офисе От 70000 KGS в месяц Тэги: #oaooptimabank #office #monthly #bishkek Требования, контакты и условия тут: https://devkg.com/tg/j-22031 Чат и другие каналы: @devkg

Ищешь работу без бесконечных сайтов и сложных откликов? 👀 Мы запустили Telegram-бота для поиска вакансий, где можно: — получать подходящие вакансии прямо в Telegram — откликаться в пару кликов — не заполнять длинные формы — быстро связываться с работодателями Подходит для: 💻 IT-специалистов 🎨 дизайнеров 📈 digital-специалистов 🚀 фрилансеров и junior-специалистов Попробовать бота: 👉 @zipjob_bot Сейчас ищем первых пользователей и будем рады обратной связи ❤️

Habr: https://lnkd.in/e4MWsPut VC: https://lnkd.in/eUurKTHK DSGNERS: https://lnkd.in/eFWNdWu9 Medium: https://lnkd.in/eeiCEX67 English version: https://lnkd.in/e2shhRQM

https://contra.com/community/topic/figmamakeathon?&utm_source=event&utm_medium=creator_social&utm_campaign=figma-makeathon&utm_content=creator&fbclid=PAZXh0bgNhZW0CMTEAAaediNBIwRfdeF21Oqht3zyF4IEGL7pMYTJfn-HkbhlW-6udr-31yQZqywLx3g_aem_nb8GdM8HPqpQWg-QPpqXHQ

Малышечная подборка свежего о дизайн-системах:   1. Nathan Curtis: Как могут упроститься параметры компонента в Figma благодаря появлению слотов. Он разобрал несколько примеров — стало намного легче работать. 2. Nathan Curtis: Как слоты в компонентах Figma помогут починить костыли — когда какой-то компонент содержит условный список дочерних (например, элементы списка или вкладки). В слотах можно добавить ровно нужное количество элементов для текущей задачи.   3. Ben Callahan: Рассуждает о целостности дизайн-системы. Зачем именно она нужна и когда это идёт во вред продуктовой линейке.   4. PJ Onori: Рассуждает о распределённой модели поддержки дизайн-системы, когда люди в разных частях компании могут добавлять что-то в неё. По его опыту это работает в основном для небольших команд.   5. Tool UI: Коллекция компонентов дизайн-системы для ИИ-интерфейсов на базе shadcn/ui, Tailwind и Radix.   #designsystems

https://rolloutblocks.tilda.ws/libraries

Пачка свежего уже точно из 2026 года про свежие интерфейсные паттерны и практики:   1. GoodCart: Коллекция хороших интерфейсов интернет-магазинов. 2. Detail Design: Коллекция хороших интерфейсных паттернов — от мелких деталей до экранов. 3. NN/g: Типичные проблемы подсказок в интерфейсе. Зачастую вместо простой контекстной помощи они вызывают модальные элементы с водянистым описанием. 4. Sai Mohanty и Priyanka Raju: Дельный кейс проектирования сложного интерфейса для безопасников. Они пошагово описывают весь процесс от исследования пользователей до первых концептов и запуска продукта.   5. Александр Шпак: Проанализировал игровые интерфейсы по классическим эвристикам Нильсена.   6. Luke Wroblewski: Вариант интерфейса для управления множеством ИИ-агентов. 7. Adobe Photoshop: Дизайн интерфейса работы с разными ИИ-моделями. Он также участвовал в создании знаковой функции Generative Fill, которая показала как можно органично встраивать такие вещи в классические инструменты.   8. Eric Bailey: Огромная справочная таблица горячих клавиш, которые можно и нельзя использовать веб-приложениям для поддержки accessibility. Часть из них заняты на каком-то уровне — браузер, плагины, операционная система, экранный диктор и т.п.   9. Виталий Фридман: Памятка о разных вариантах множественного выбора в формах.   10. Jude Ejike: Концепция нейро-адаптивных интерфейсов для пользователей с особенностями восприятия. Её тестируют в том числе в специализированных областях вроде авиации или обучения.   11. MeasuringU: Новое сравнительное исследование сайтов американских торговых сетей. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.   #patterns

https://zimran.academy/?utm_source=https://zimran.academy&utm_medium=telegram&utm_campaign=post&utm_content=announcement_designerskz

И ещё один выпуск, который ждал с декабря — новое о пользовательских исследованиях: 1. Jeff Sauro и Jim Lewis: Разбираются, по-разному ли пользователи оценивают простоту и удовлетворённость. Они подняли разные способы замера на уровне всего продукта и конкретного сценария. Вторая статья показывает, что оценки пользователей этих двух метрик часто близки.   2. NN/g: Памятка по составлению вопросов для записей дневникового исследования. Как оптимизировать их для качества данных и простоты их дальнейшего анализа.   3. Контур: Как проводить исследования API и других решений без явного интерфейса. 4. Jeff Sauro и Jim Lewis: Виды итоговых документов, которые создаются в ходе исследований. От планирования до итоговых результатов.   5. Контур: Советы исследователям, которые находятся вне продуктовой команды. Как принести им пользу. 6. Контур: Подход к оценке проведённых количественных исследований. Это во многом похоже на дизайн-ревью, но для результатов работы экспертов начинающего или среднего уровня.   #research

Подборка по дизайн-системам Продолжаю публиковать подборки разных сервисов и сегодня в фокусе — дизайн системы. 1️⃣ Design Systems Surf — это однозначно находка. Очень стильный и сделанный с душой сайт от белорусского дизайнера Ilya Greben. Кажется, тут собрано всё, что нужно знать про дизайн-системы: - Популярные ДС и ссылки на них. - Гайды по доступности, типографике и цветам. - Раздел с компонентами и ссылками на эти компоненты в разных ДС. - Подробные спецификации по компонентам. 🙌 2️⃣ Redesigning Design — подробный гайд по созданию ДС с нуля от Ness Grixti. Покрывает все важные темы от ресерча до ведения спеков. 3️⃣ The Component Gallery — кажется, самая полная коллекция веб-компонентов с привязкой к этим компонентам в разных ДС. Плюс большая база самих ДС с фильтрами по технологиям и фичам. Создатель — Iain Bean. 4️⃣ Storybook — известный инструмент, в котором фронтендерам удобно создавать компоненты и дизайн-системы. У них есть обширный глоссарий, где собраны основные веб-компоненты. Круто, что сразу можно провалиться в доступные библиотеки и потыкать эти компоненты. 5️⃣ Design Systems for Figma — подборка дизайн-систем существующих продуктов в Figma. 6️⃣ Design Systems News — тут можно подписаться на новости из мира дизайн-систем. 7️⃣ КОД (Клуб отечественных дизайн-систем) — проект Андрея Сундиева и Юрия Ветрова, где они собирают дизайн системы от российских компаний. 8️⃣ Design Systems Index — и на закуску подборка почти из 300 дизайн-систем, с разбивкой на категории и ссылками. ____ 📱 Screen Gallery

Завершение продолжения отгрузки об алгоритмическом дизайне: Управление продуктами 1. Bandan Jot Singh: Платинова про слепой нажим на вайб-кодинг, который подменяет смысл продуктовой работы. Столько лет профессия говорила о том, что «output ≠ outcome», но моментально забыла об этом, когда можно получить быстрый результат. В итоге компании быстрее и дешевле пробегают исследовательский этап, чтобы закопать кучу ресурсов и времени на запуск не того решения не той проблемы. 2. Rob Bowley: Для в большинстве случаев для рывка в эффективности компании нужно сначала делать организационные изменения и только потом уже внедрять технологии для них. В обратном порядке это даёт меньшую отдачу, хотя многие пытаются идти именно так. 3. Amazon: Перестройка процесса разработки продуктов вокруг ИИ-агентов. Чтобы прирост в скорости сработал на деле, нужно переосмыслить подходы к тестированию, релизам и координации команд в целом. Это справедливо и для дизайна, где скорость тоже будет расти. Разработка 1. Design Prompts: Коллекция текстовых запросов для инструментов вайб-кодинга. Фактически это новый подход к готовым шаблонам сайтов. 2. Steve Krouse: Напоминает, что вайб-кодинг превращается в технический долг, когда становится нужно поддерживать этот код. Ведь изначально эта идея касалась только быстрых прототипов, которые выбрасываются после начала полноценной разработки. 3. Chris Loy: Реальный процесс разработки состоит не только из написания кода, который обещают сэкономить ИИ-инструменты. И показывает, что в реальных крупных проектах это относительно небольшая часть. 4. Cursor 2.0 и 2.2: Вышла вторая версия редактора кода на базе их собственной модели Composer. Они сфокусировались на скорости и параллельной работе множества ИИ-агентов с возможностью голосового управления и отслеживания изменений от ИИ. Весь интерфейс перестроен вокруг этого, а не файлов. А ещё можно генерировать диаграммы и схемы, появился режим отладки. Cursor Visual Editor: Визуальный редактор для кода. Можно дорабатывать отдельные блоки в панели инструментов, менять их порядок. 5. OpenAI: Современный процесс разработки с активным использованием ИИ-агентов. Они сами работают по нему.   6. Rocket, Anything и HeroUI: Генераторы сайтов и приложений по текстовому запросу. Последний — с фокусом на переиспользуемые компоненты на React. 7. AI Studio: Google обновили раздел Build, чтобы упростить вход новых пользователей в вайб-кодинг. Внедрение ИИ в компаниях 1. NN/g: Проблема типичного для компаний требования к сотрудникам «внедряйте ИИ». Обычно оно абстрактное — не имеет целей, измеримых критериев, да и в целом происходит хаотично. Она даёт советы, как грамотно организовать этот процесс. ИИ-агенты 1. Claude: Расширение для браузера Chrome. 2. Dafdef: Флешка для iPhone — может работать в любых приложениях. Операционные системы 1. Nothing: ИИ-операционка для телефонов. Они запустили инструмент Essential Apps для создания приложений и виджетов по текстовому запросу. Найм 1. Yusuf Aytas: Детально показывает, как ИИ-сервисы подорвали доверие к техническим собеседованиям — часть кандидатов жульничает. И как можно вернуть добротные проверки. Другие обновления на рынке 1. ChatGPT: Может подключать сторонние приложения для части задач. Например, сделать диаграмму в FigJam или показать урок с Coursera. На старте есть Canva и всякие бытовые сервисы вроде Booking и Spotify. 2. Anil Dash: В шоке от браузера OpenAI Atlas. Это анти-интернет — он галлюцинирует страницы, факапит с агентскими задачами и пытается переизобрести привычные паттерны, а на их полировку уходят многие годы. 3. Google Disco: Экспериментальный браузер на базе Google Chrome. Он превращает вкладки в интерактивные веб-приложения, логику которых можно описать текстовым запросом. 4. Google Gemini появился в Android Auto. Он помогает управлять интерфейсом голосом, чтобы меньше отвлекаться на экран. 5. Shopify: Собрали все свои ИИ-решения для электронной торговли на одной эффектной странице. #ai #algorithms

Ежегодный обзор обзоров трендов для 2026 года.   Разносол из итогов 2025 года — Яркие проекты на Readymag. — Тренды по результатам 2025 года от Behance и лучшие проекты года. — Пиво. — Упаковка. — Логотипы. — Новые шрифты. — Иллюстрации по версии The Association of Illustrators. — Лучшие приёмы графического дизайна, иллюстрации, видео и анимация от It's Nice That. — Лучшие приложения на Android и iOS. — Лучшие эксперименты CodePen. — Лучшие плакаты к фильмам по версии Mubi и Creative Review. — Лучшие обложки книг по версии Literary Hub, NY Times, Penguin Books, PRINT Magazine, SPINE и Creative Review. — Лучшие обложки альбомов по версии журнала Wallpaper*. — Лучший дизайн по версии журнала Core77. — Лучший дизайн от американского музея Cooper Hewitt. — Как работают сайты для бизнеса в отчёте Webflow. — Заметные инновации от Fast Company, TIME и Popular Science — Исследование профессии пользовательского исследователя от User Interviews.   И немного визуальных всплесков 2025 года: — Жидкое стекло от Apple. — Подборка генеративных шрифтов, которые можно подключить через Google Fonts.   Про 2026 расклад такой:   1. Общедизайнерские тренды выделяют VistaPrint, CreativeBloq, Milo, Canva, Depositphotos, Envato и Adobe.   2. Pantone объявляет цвет года: Cloud Dancer (облачный белый). Цветовые тренды также выделяют VistaPrint.   3. Письма рассылки и сайты от Designmodo.   4. Шрифтовые от Fontfabric и VistaPrint.   5. Культурные от Pinterest.   6. Упаковка от Pentawards и VistaPrint.   7. Фото от Stocksy.   8. Логотипы от VistaPrint.   9. Веб от VistaPrint.   10. Обзор трендов от John Maeda. Он в формате видео.   11. Технологические от Gartner: стратегические.   12. Главный бонус — гигантская коллекция всех обзоров трендов.   Интересные дизайнерско-технологические подвижки: 1. Ключевые обновления CSS в 2025 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2025 года. Ну и состояние CSS.   2. Отчёт о трендах в ИИ на 2025 год от Стенфордского университета.   До выставки CES 2026 всего пара недель, а там завсегда есть на что поглазеть.   Для сравнения: что обещали на 2025, 2024, 2023, 2022, 2021, 2020, 2019 и 2018 год.   #trends

TurboDevs: UI/UX Тип: Работа в офисе 25000 - 40000 KGS в месяц Тэги: #turbodevs #office #monthly #bishkek Требования, контакты и условия тут: https://devkg.com/tg/j-20674 Чат и другие каналы: @devkg

Navis Devs: Вакансия: UX/UI дизайнер (стажировка → трудоустройство) Тип: Работа в офисе 15000 - 20000 KGS в месяц Тэги: #navisdevs #office #monthly #bishkek Требования, контакты и условия тут: https://devkg.com/tg/j-20604 Чат и другие каналы: @devkg

Свежая мини-подборка свежего об интерфейсных паттернах и лучших практиках.   1. Navbar Gallery: Коллекция паттернов навигации в вебе. 2. Loadmore: Коллекция необычных видов взаимодействия в мобильных приложениях и сайтах. 3. Emil Kowalski (Linear): Показывает на примерах, как он балансирует анимацию интерфейсных элементов. Он показывает хорошую и плохую реализацию. 4. NN/g: Важность дизайна краевых ситуаций в жизни пользователей. Она приводит много таких примеров и даёт советы по ним. 5. Ke Lyu: Проанализировал настолки, в которые играет с сыном, по 10 эвристикам Нильсена. Получился необычный анализ. 6. Luke Wroblewski: Необычный способ встречи нового пользователя в продукте. ИИ создаёт первый документ на глазах пользователя и даёт возможность подправить его. 7. Steve Frenzel: Детальная инструкция по подготовке PDF с учётом требований accessibility. 8. A11y Collective: Советы по оформлению информации на сайте, которые помогают улучшить accessibility.   9, Jared Cunha: Попробовал писать ALT-тексты для изображений с помощью ИИ. За несколько итераций получилось вполне сносно. 10. Barclays: Принципы инклюзивного дизайна от команды банка. 11. MeasuringU: Новое сравнительное исследование сайтов международных банков. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.   #patterns

ЗАО Демир Кыргыз Интернэшнл Банк: UX|UI дизайнер на мобильное приложение Тип: Работа в офисе От 50000 KGS в месяц Тэги: #zaodemirkyrgyzinterneshnlbank #office #monthly #bishkek Требования, контакты и условия тут: https://devkg.com/tg/j-20047 Чат и другие каналы: @devkg

Что входит в создание дизайн-концепции • анализ прямых и косвенных конкурентов, анализ ниши, рынка (UI/UX-паттерны, best practices, сценарии, реклама, монетизация); • анализ референсов (визуальные приёмы, тренды, UI/UX-паттерны, метафоры); • смыслы и метафоры (они строятся из знаний о бренде, пользователе, месседжах компании, новых заложенных идеях) - по факту, это основная идея концепции, на которую уже будут навешаны визуальные приёмы; • технические ограничения; • сценарии и контекст использования (в каких условиях человек будет пользоваться продуктом, на каком устройстве, с какой задачей и в каком состоянии); • tone of voice и ux-копирайтинг (как дизайн будет транслировать характер продукта); • структура и композиция (как выстраивается иерархия смыслов и внимания на экране, какие элементы ведущие, какие вспомогательные); • цвет, типографика, иконографика, микроанимации, которые поддерживают смыслы и метафоры и влияют на взаимодействие; • гайдлайны платформ; • оформление и презентация концепции (умение упаковать идею так, чтобы её поняли и команда, и стейкхолдеры).

CJSC "KICB": UI/UX-дизайнер Тип: Работа в офисе От 80000 KGS в месяц Тэги: #cjsckicb #office #monthly #bishkek Требования, контакты и условия тут: https://devkg.com/tg/j-19999 Чат и другие каналы: @devkg

Grand Systems: UI/UX дизайнер Тип: Работа в офисе 50000 - 60000 KGS в месяц Тэги: #grandsystems #office #monthly #bishkek Требования, контакты и условия тут: https://devkg.com/tg/j-19762 Чат и другие каналы: @devkg