🧱 В UXART поняли, что теряют сотни тысяч не на больших ошибках, а на кривой дизайн-системе

Старая система у студии была слишком тяжелой, негибкой и годилась в основном для грубого вайрфрейминга. На ней было сложно собирать нормальные высокодетализированные прототипы, приходилось постоянно что-то править на ходу, а первое впечатление от работы могло страдать просто из-за плохого визуала и топорных компонентов. В какой то момент команда решила не латать это бесконечно, а пересобрать все с нуля. Завели токены, пошли через атомарный дизайн, начали с самых частых элементов вроде кнопок, инпутов и выпадающих списков, а потом нарастили библиотеку до рабочего инструмента, который ускоряет и проектирование, и дизайн. В итоге выиграла и студия, и клиенты: меньше ручной рутины, быстрее концепты, проще кастомизация под конкретный продукт. Внутри: – Почему старая дизайн-система тормозила работу и съедала ресурсы; – Чем дизайн-система отличается от обычного UI-kit; – Как команда собирала новую систему через токены и атомарный дизайн; – Почему начали с малого, а не пытались охватить все сразу; – Как переиспользуемые компоненты ускорили проектирование интерфейсов; – Почему скорость не превращает проекты в однотипные шаблоны; – Что получает клиент, когда у студии есть нормальная дизайн-система; – Как токены помогают адаптировать одну систему под разные продукты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Кажется, продуктовый дизайн сделал виток по исторической спирали.

Лет 5 назад от дизайнеров хотели понимания процесса, знания фреймворков и методологий. В какой-то момент UI будто стал вторичным. Главным стало то, как думаешь, а не как выглядит результат. За 5 лет количество дизайнеров кратно увеличилось, а рабочих мест, наоборот, стало меньше. Сегодня на одну открытую вакансию нанимающий получает десятки откликов. У него просто нет времени погружаться в детали. Просмотр портфолио стал подобен движению по шоссе — есть всего пара секунд чтобы считать информацию и принять решение. UI снова стал критически важным фильтром. Если визуал слабый, никто даже не узнает, что у вас сильный UX и процессы. Причём, играет роль не только визуал продукта, но и то, как выполнено портфолио, как упакованы кейсы. UX, понимание продукта и процессы не перестали быть важными, нет. Важно зацепить взгляд и попасть на собес, где можно будет рассказать все детали кейса. Хороший UX без хорошего UI в портфолио сейчас проигрывает. Просто потому, что до UX никто не дойдёт. UI снова стал входным билетом. 🌊🌊

Ребята, я взял свою первую ленточку UI/UX на Бехансе!🥳

Буквально полторы недели прошло с момента публикации, сегодня открываю беханс, а там 99+ оповещений, думаю что за глюк, а оказалось успех постучался 😄 Всем спасибо кто поддерживал! Проект Guardbase посмотреть тут! Сделал пост у себя в телеге тоже

Текст норм?

Интерфейс на 90% состоит из текста. UX-редакторов, как правило, очень мало. В нашей команде их два, но даже они физически не смогут отревьювить все наши интерфейсы. Поэтому мы-дизайнеры стараемся сами писать простой, понятный и дружелюбный текст, следуя редполитике, которую составили редакторы. В команде дизайна взяли курс на разумную ИИ-зацию. Я решил собрать плагин для Фигмы, который будет проверять текст по редполитике и писать замечания. До этого никогда не вайбкодил :) Но опыт разработки был. Впервые поставил Codex от ChatGPT и написал промпт: Создай плагин для Figma, чтобы проверять тексты в макетах дизайнеров на соответствие редполитике. Редполитика лежит в приложенном файле. Сценарий использования: — Дизайнер запускает плагин — Выделяет секцию или фрейм, где нужно проверить тексты — Плагин сверяется с редполитикой и выводит список замечаний. У каждого замечания есть короткое описание, почему оно появилось. И рекомендация исправления. При нажатии на замечания происходит фокусирование на нужном фрейме. [редполитика.pdf] И с первого раза получился аккуратный чистый интерфейс и работающий алгоритм. Я намеренно не использовал API нейронки, чтобы не передавать наши интерфейсы хрен-пойми куда и не зависеть от лимитов. Всё работает на регулярках и простых ифчиках. Потестил немного и сделал доработки: — Доработал UI: добавил больше отзывчивости в кнопки, лоадеры, состояния, убрал лишние элементы, добавил группировку замечаний, привёл к нашему стилю, добавил тёмную тему. — Добавил много исключений, чтобы убрать ложные срабатывания. — Значительно ускорил плагин с помощью кеширования, добавлении быстрой пред-проверки, уменьшению размера первого батча (оказывается, это подход ramp-up batching). — В конце добавил самое главное: кнопки для автоматического исправления замечаний. Начали активно тестировать в команде. Дизайнеры в восторге; редакторы тоже рады, потому что могут прогонять макеты плагином перед своей работой. Будем продолжать тестировать и улучшать качество плагина. А вы ИИ-зируетесь в дизайне?
UI Kit step by step Noknok Digital — пошаговое руководство по дизайну UI Kit
3D Motion Designer/Generalist в Game gears
Aliens vs Zombies: Invasion — проект, над которым предстоит работать. Задачи: — создание маркетинговых рекламных 3D-креативов с использованием Unreal Engine — левел-дизайн, анимация, камера, рендер, VFX — создание новых игровых механик на Blueprints — оптимизация существующих игровых механик — адаптация базовых механик проекта под конкретные сценарии — видеомонтаж и финальная сборка: 2D Ui, саунд-дизайн, ресайзы Ожидания: — профессиональное владение Unreal Engine — глубокий опыт работы с Blueprints на уровне создания игровых механик — понимание работы систем частиц Niagara — уверенная работа с Sequencer — профессиональное владение сопутствующим 2D и 3D ПО — анимация: создание кастомной анимации и переработка существующих — профессиональное владение АЕ Условия: — удаленный формат, фултайм — 2.000-3.000$ Gross → Примеры рекламных видео Контакт для отклика: @foreverinlovewithsummer #геймдев
Middle+ / Senior UX/UI-дизайнер в Nimax
Мы — Nimax, создаём опыт бренда, который работает на рост бизнеса. Задачи: — собирать требования, продумывать структуру, пользовательские сценарии и логику — проектировать интерфейсы и собирать проекты на Tilda — разрабатывать UI-концепции и масштабировать их на весь проект — прорабатывать адаптивы и микроанимации Ожидания: — опыт в веб/продуктовом дизайне от 4–5 лет — умеете продумать логику и быстро собрать визуально точное решение без долгих итераций — работали с разными веб-проектами: сайты, лендинги, сервисы — Figma, сборка на Tilda и базовый HTML/CSS Условия: — полная удалёнка или гибрид с офисом в Петербурге или в других городах — начало в промежуток с 09-11 по МСК, окончание с 18-20 по МСК — заработная плата по результатам собеседования — оплачиваемое обучение на курсах и интенсивах → Подробнее Контакт для отклика: rabota@nimax.ru #дизайн
UI kit pack — более чем 500 компонентами в 3 различных цветовых вариациях
Коллекция шрифтов одобренная каналом для ответственного использования в дизайне личных проектов.
Бесплатно и с хорошей кириллицей. Accuratist Скачать Alegreya SC Скачать Ambidexter Скачать Baltica Pixel Скачать Dance partner Скачать Days Скачать Druzhok Скачать DotGothic16 Скачать Dela Gothic One Скачать EB Garamond Скачать Gogol Font Скачать Golos UI Скачать Hauora Font Family Скачать Hibana Font Скачать IBM Plex Sans Скачать JetBrains Mono Скачать Lithium Скачать London Скачать Martian Grotesk Скачать Merriweather Скачать Mostly Bright https://www.behance.net/gallery/157862677/Mostly-Bright-Serif-Fonthttps://www.behance.net/gallery/157862677/Mostly-Bright-Serif-Font">Скачать Neutral Face Скачать Neue Glagolic Regular https://design.hse.ru/system/uploads/files/000/000/225/original/Neue_Glagolitic_Regular_%281%29.ttf?1642083770https://design.hse.ru/system/uploads/files/000/000/225/original/Neue_Glagolitic_Regular_%281%29.ttf?1642083770">Скачать Neue Glagolic Bold Скачать Onest Скачать Peace Sans Скачать Podkova Скачать Postertoaster Скачать Press Start 2P Скачать Refinest Скачать Russo Скачать Serbia Sans Скачать Spectral Скачать Soyuz Grotesk Bold Скачать Stig Скачать TikTok Sans Скачать Tilda Sans #download">Скачать Unbounded Скачать Wremena Скачать Yeseva One Скачать Valisca Скачать Большое спасибо авторам!
201
Первая награда студии: кейс LFA отмечен Behance среди лучших в категории UI/UX. Особенно волнительно, что это произошло с первым кейсом, который мы опубликовали от лица FOYEAH. Для меня и для нас это правда много значит. С LFA совпало все: масштаб и смысл самого проекта, чудесная команда и очень точное взаимопонимание в том, какой должна быть платформа. С нашего первого созвана, который застал меня на горе в Геленджике под дождем (не спрашивайте) — было ощущение, что все почему-то будет хорошо. Ребята, спасибо за доверие. Смотрите кейс
🧩 Figma Make не заработает нормально, пока не подключите библиотеку компонентов
Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло. Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам. Внутри: – Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI; – Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа; – Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые; – Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха; – Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос; – Как подключать внешний контекст из Notion и GitHub вместо копипаста требований; – Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи; – Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Middle UI/UX-дизайнер на проект в Purrweb
Мы — Purrweb, разрабатываем веб и мобильные приложения для клиентов по всему миру. Ищем дизайнера, который готов встроиться в команду и подхватить часть задач в рамках разработки интерфейса для игровой платформы. Задачи: — проектировать логику отдельных модулей — делать UI по готовой визуальной концепции — пополнять и поддерживать дизайн-систему — работать в связке с аналитиками и разработчиками, доводить экраны до реализации Ожидания: — опыт от 3 лет — в портфолио красивые интерфейсы, круто, если есть игровые или развлекательные проекты — сильный UI — готовы к правкам и диалогу Условия: — полная занятость, 2 месяца — удаленная работа — оплата: фикс за месяц или за весь проект → Откликнуться #дизайн
🦋 Почему ИИ-помощник не понимает ваш UI Kit и как это починить
С AI в разработке почти у всех сначала один и тот же опыт: просишь собрать что-то простое, получаешь результат за пять минут и думаешь, что дальше будет только лучше. А потом помощник начинает придумывать несуществующие компоненты, путать prop’ы, переписывать рабочий код и игнорировать паттерны проекта. В Яндекс 360 пришли к простой мысли: дело не в модели, а в том, что проект для нее остается черным ящиком. Валерий Баранов показывает, как они сделали фронтенд AI-ready. Сначала дали ассистенту базовый контекст через AGENTS.md, чтобы он понимал структуру репозитория, команды и ограничения. Потом добавили MCP для внутренней документации UI Kit и связали Figma с кодом через Code Connect, чтобы модель понимала не только дизайн, но и реальные компоненты, токены и нейминг в коде. Внутри: – Почему почти у всех наступает долина разочарования после первых удачных промптов; – Что именно стоит класть в AGENTS.md, а что только засоряет контекст; – Почему короткий и жестко сформулированный файл работает лучше длинной простыни; – Как MCP закрывает проблему внутренних библиотек и закрытой документации; – Почему дизайн-система должна быть понятна модели на уровне Foundation, компонентов и паттернов; – Как в Яндекс 360 разделили источник правды между Figma и кодом; – Зачем нужен Figma Code Connect, если у вас уже есть UI Kit; – Почему AI-ready проект это не магия, а нормальная инфраструктурная работа. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Продуктовый дизайнер в ПрофиТех
Мы — ПрофиТех, строим B2B-платформу для медицины и стоматологии: маркетплейс медицинских товаров, финсервисы, аналитика и обучение для клиник. Задачи: — проектировать админки, кабинеты, CMS — прорабатывать сценарии, навигацию, логику — развивать UI-kit и дизайн-систему Ожидания: — опыт в продуктовом дизайне и сложных интерфейсах: админки, CRM, B2B — системное мышление, внимание к деталям — опыт создания/развития дизайн-системы — умеете аргументировать решения Условия: — удалёнка — ДМС — зарплата по рынку → Подробнее Контакт для отклика: @eldar_gatin #дизайн
Сезон охоты'26 на диджитал-премии объявляется открытым. ⚡️⚡️⚡️
Друзья, мы участвуем в конкурсе Workspace Digital Awards 2026. Считаю, что одна из супер-пупер премиий в локальном сегменте.... Для нашей команды это очень крутая премия. Она ежегодно присуждается за лучшие кейсы в сферах ux/ui дизайна, разработки сайтов и приложений, брендинга, продвижения, ну и так далее. Для этого конкурса мы всегда сильно заморачиваемся. Анализируем победителей, пишем большие кейсы, делаем много визуала и очень много ресурсов вкладываем в эти проекты. Мы в этом году подали четыре кейса. 🏆🏆🏆🏆 🏆 Онлайн-магазин для бренда «Дефиле» в номинации ««Сайты / Потребительские товары» и «Дизайн / Лучший UX-UI. Про то, как мы делали еком для федерального ритейлера 🏆 Онлайн-магазин для Fishing Gear. Новый бренд, который занимается производством рыболовных снастей премиум класса. В номинации "Сайты/ Спорт, Туризм». 🏆 Брендинг для Gold Sazan в категории «Продуктовый брендинг». О том, как мы помогали создавать новый бренд с помощью дизайна. 🏆Мобильное приложение «Ели-Пили», которое мы очень сильно любим в номинации «Мобильное приложение / Хорека» и «Дизайн / Мобильное приложение» Зайдите, зацените кейсы. И проголосуйте плз, нашей команде будет приятная ваша поддержка. Постскриптум. Я недавно посчитал, сколько денег ушло на подачу этих кейсов. А еще прибавил, сколько денег было потрачено на ресурсы, которые мы заложили на создание этих кейсов. И получилось, что Workspace этого года мне обошелся совокупно в 180+к рублей. Не жалею ни о чем, потому что искренне считаю, что такой вид маркетинга один из самых действенных.
Master UI Design — изучайте дизайн интерфейсов быстрее и станьте мастером пользовательского интерфейса!
uilearn.gumroad.com
💗 Маца ищет продуктовых дизов — мидл/мидл+/сениор на парт-тайм
История повторяется: вновь новые проекты, вновь не хватает сильных рук. Нужны те, кто вольется в наши процессы, подхватит проекты и сделает пушечку. Тебе предстоит: • продумывать сценарии, заботиться об удобстве пользователя и выгоде бизнеса; • проектировать сложные интерфейсы, продуктовые страницы, сайты и лендинги; • вместе с арт-директором делать концепции и всякие красивые штуки; • создавать UI-киты и передавать макеты в разработку; • проводить дизайн-ревью разработки и контролировать качество продуктов на проде; • ставить задачи дизайнерам-помощникам и контролировать их выполнение; • все на свете презентовать заказчикам на лумчиках и звонках. В сообщении укажи: • сколько часов в неделю готов(а) нам уделять; • когда готов(а) стартовать; • свою ставку в час. • и портфолио с сильным ui, конечно же. Еще можешь кружочек про себя записать. А отправить все это нужно Оле, нашему арт-директору: @OlgaPisareva P. S. Даже если не сможем сейчас тебе что-то предложить по задачам, то добавим в базу дизайнеров к себе на будущее. Проектов впереди — вагон и маленькая тележка 🛒
Изображение поста
X разрывается от новостей про Google Stitch (пост)
Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you create, iterate and collaborate: 🎨 AI-Native Canvas 🧠 Smarter Design Agent 🎙 Voice ⚡️ Instant Prototypes 📐 Design Systems and DESIGN.md Я уже писал про Stitch несколько раз, потому что он на слуху. Сейчас они удивили сообщество тем, что теперь можно «вайбдизайнить» и сразу получать production-ready код Видно, что прогресс есть, но заголовки формата «DESIGNERS ARE COOKED» или «ITS SO OVER FOR DESIGNERS», которыми засран твиттер, пока что слишком громкие Дизайн выглядит все еще слабовариативным, я посмотрел, чего там эксперты нагенерили (возможно, поможет правильная работа с промптами и рефами) То, что презентуется как «дизайн-система», выглядит как простой ui-kit на переменных (к слову, вообще-то у самого подход к использованию дизайн-системы — то еще дерьмо, можно несколько экранов их продуктов собрать и сильно удивиться) Мне оч нравится направление, куда идет Stitch. Они могут соревноваться с фигмой, факт! Но давайте по-честному: Чуваки решили проблему «как нам быстро задизайнить что-то» Они не решили такие вопросы (и шанс, что решат, не очень велик): → Почему высокий процент отказов с главной страницы → Почему пользователи игнорят СТА, хотя ее видно → Как нам сделать конвертящий онбординг-флоу Разве когда-то проблема была только в пикселях? Stitch просто сделал думающих дизайнеров более ценными Короче, не переживаем, работу пока ai не заберет!
Music Player UI KIT by Om Arya
Готовый UI Kit музыкального плеера, элементы которого вы можете позаимствовать для своих проектов. 📱Скачать UI Kit📱 #uikit
Изображение поста
3D Motion Designer/Generalist в Game gears
Aliens vs Zombies: Invasion — проект, над которым предстоит работать. Задачи: — создание маркетинговых рекламных 3D-креативов с использованием Unreal Engine — левел-дизайн, анимация, камера, рендер, VFX — создание новых игровых механик на Blueprints — оптимизация существующих игровых механик — адаптация базовых механик проекта под конкретные сценарии — видеомонтаж и финальная сборка: 2D Ui, саунд-дизайн, ресайзы Ожидания: — профессиональное владение Unreal Engine — глубокий опыт работы с Blueprints на уровне создания игровых механик — понимание работы систем частиц Niagara — уверенная работа с Sequencer — профессиональное владение сопутствующим 2D и 3D ПО — анимация: создание кастомной анимации и переработка существующих — профессиональное владение АЕ Условия: — удаленный формат, фултайм — 2.000-3.000$ Gross → Примеры рекламных видео Контакт для отклика: @foreverinlovewithsummer #геймдев
Изображение поста