UX/UI-дизайнер в 12 Космонавтов

👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться

Ловите новую коллекцию сайтов, куда вы можете прийти за вдохновением: — Design Spells — Swissted — Viewport UI #подборки

www.figma.com/blog/the-figma-agent-is-here

Сегодня проснулся, открыл Behance и увидел, что мой проект получил первую в моей жизни ленточку UI. Честно, эмоции просто 🔥 Проект вышел относительно недавно, но я сразу чувствовал, что это одна из самых сильных работ в моём портфолио. И теперь он доказал это не только для меня, но и на деле получил признание на Behance. Для меня этот проект правда особенный: масштабный, необычный, с интересной атмосферой, деталями, подачей и своей спецификой. Я очень старался сделать его не просто красивым, а запоминающимся и безумно приятно видеть, что это оценили. Первая ленточка это, конечно, отдельный кайф. Маленькая победа, но очень важная. Проект на Behance

⌨️Скачать UI Kit⌨️ #uikit

Install plugin

Остались последние правки по промосайту. Зацените, что получилось (смотреть лучше с компа) 🤗 ➡ Смотреть готовый сайт ➡ Смотреть готовый сайт Также записал короткое видео (приложил к этому посту), где поясняю, как устроены механики по промосайтам и какие правки я даю последними. Сейчас планируем отправлять сайт на международные конкурсы (AWWWARDS, CSS Design Awards, СSS Winner, Design Nominees и т.д.). Напишите, что думаете: проект достоин международного уровня? 😊 Проект сделан Валерией Еолян (@Valeria_Eolyan) и Никитой Кисилевым (@Nikita_Kisilyov) на курсе с моим персональным обучением "Ultra UI: уровень Арт-дирекшн". В рамках этой программы мы создаем проекты высочайшего класса — от идеи самого продукта до его упаковки в формате айдентики, промоматериалов и сайта. ➡ Узнать больше о курсе у коллег в @uprock_hello

Install ️

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!

Дизайн система для создания приложения в тематике «Медитация» Install ️

Install

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

Записал вам наглядно разбор сверстанного блока сайта, как я его оцениваю и какие правки даю. Основная задача арт-директора — видеть всю картину целиком и из микродеталей строить большой объект. ➡️ Смотреть видеоразбор ➡️ Смотреть видеоразбор Сверстанный блок, на который даю правки, можно посмотреть по ссылке Дизайн этого сайта сделан на моем персональном обучении — Ultra UI: уровень Арт-дирекшн.

Сегодня в Вышке будет практическая лекция: • Разберем пошаговый план изучения 3D, и где его применять в UI/UX; • ИИ в пайплайне у 3D-дизайнера; • Практические применения и нейрорендер. Вести лекцию будет Николай Хан (@nikolay_khan) – 3D-дизайнер с 5+ лет опыта. Николай работал с Мегафон, Сбер, ВК, BORK, а также сотрудничал с зарубежными артистами (Gunna и Roddyrich). Цитата Николая о лекции: На лекции я хочу показать реальные шаги в изучении 3D: с чего начать и как изучить быстро, что не нужно делать, где применять, ИИ в пайплайне, практика. По итогу лекции у вас будет четкое понимание зачем вам нужно изучать 3D и где применять его в своих проектах. ➡ Доступ к лекции в Вышке — по ссылке (тариф "Лекторий" и выше)

Мы сейчас в поиске новых дизайнеров для работы с сайтами, приложениями и брендингом. Мы делаем большие екомы, удобные приложения и помогаем с дизайном крупным компаниям. Среди наших клиентов Дефиле, Х5, СкайРом, Архитектор Групп... Для нас дизайнер — это не только про устойчивый визуал. Это про умение принимать решения на уровне логики продукта и понимания бизнеса. Ты наш идеальный кандидат, если... ☑️У тебя большая насмотренность. Без неё никуда. ☑️Осознанно работаешь с композицией, типографикой и визуальной иерархией. ☑️Умеешь в нейросети и доработку результата до максимально возможного. ☑️Понимаешь, как устроен дизайн-продакшн и как макеты превращаются в работающий продукт. ☑️Можешь объяснить и защитить свои решения через логику и здравый смысл. Хотя бы внутри команды. Будет большим плюсом умением в AE и люстру. Основные задачи: — Проектировать пользовательские сценарии для мобильных приложений, e-commerce и корпоративных сайтов; — Собирать интерактивные прототипы, которые понятны и заказчику, и разработке; — Выстраивать визуальные концепции под задачи, а не «просто красиво»; — Работать с гайдлайнами: применять и адаптировать без потери смысла; — Делать адаптивы, работать с компонентами и дизайн-системами (UI kit, атомарный подход — всё это не должно быть новостью). — Создавать визуал для кейсов, которые будут получать награды. Как откликнуться: Пришли резюме и короткое сопроводительное на team@ancora.agency Расскажи о 3 ключевых кейсах и своей роли в них — по делу, без воды. И приложи ссылки на 1–2 сильных проекта в Figma. Больше не надо. Если мэтч по сивишке — сразу же ответим. Будет супер, если добавишь свой ник в ТГ для связи.

Введу в контекст: Валерия Еолян (@Valeria_Eolyan) и Никита Кисилев (@Nikita_Kisilyov) сделали дизайн промосайта на моем персональном обучении (Ultra UI: уровень Арт-дирекшн). Анимацию готового дизайна сайта приложил к этому посту. Потом я передал его команде TapTop на верстку. И мне каждый день присылают сцены на проверку. Отправляю как есть, в сыром трушном виде, чтобы можно было увидеть процесс разработки. 🟣Сцена 1 - https://site-65056.taptop.site/ 🟣Сцена 2 - https://site-76248.taptop.site/ 🟣Сцена 3 - https://site-05423.taptop.site/ 🟣Сцена 4 - https://site-73750.taptop.site/ Вам было бы интересно смотреть за процессом? Поставьте 🔥, если хотите, чтобы я делился ходом работы проекта до финального результата.

спойлер: от нас будет приглашённый эксперт что это такое и как работает? 📁 ¡portfolio hero! — бесплатный челлендж для графических, коммуникационных, продуктовых, веб- и ui/ux дизайнеров, которые давно откладывали портфолио «на потом». 💭 в течение трёх недель вы присылайте по кейсу в неделю, а ребята из duo и приглашенные эксперты по понедельниками и вторникам разбирают их в прямом эфире, от нас в том числе будет приглашённый эксперт! расписание эфиров ¡portfolio hero 8! неделя 1 4 мая, эфир «ведение в ¡portfolio hero 8! — расскажем вам, как проходит челлендж, чего ожидать от себя и эфиров и ответим на вопросы 5 мая. обучающий эфир «как сделать сочный кейс» 🙆 таня богомолова — продуктовый дизайнер в альфа-банке, ментор duo sapiens, автор канала @vpolezreniyaaa 🙆 павел эренбург — head of creative в dizzaract, ментор duo sapiens, автор канала @literallyeren неделя 2 11 мая. разбор кейсов графического и коммуникационного дизайна первой недели 🙆 анастасия голикова — коммуникационный дизайнер в elama яндекс, иллюстратор на фрилансе, ментор duo sapiens, автор канала @anastasiagolikovaa 🙆 анна медведева — бренд дизайнер, ex арт-директор family, ментор duo sapiens, личная страница 12 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна первой недели 🙆 антон ягупов — uxui-дизайнер в далее, команда сбера, шеф-редактор явно.дизайн, ментор duo sapiens, автор канала @yavnodesign 🙆 дима черкасов — ex .aic, ex red collar, сейчас senior product designer в сбере, ментор duo sapiens, автор канала @krinzhall неделя 3 18 мая. разбор кейсов графического и коммуникационного дизайна второй недели 🙆 антон смирнов — руководитель дизайна внутренних сервисов, арт-директор бренда работодателя т-банк, ментор duo sapiens, 🙆 валерия тетеева — мультидисциплинарный дизайнер, ex спец проекты т-юанка, ex яндекс, ментор duo sapiens, автор канала @visuaaaals 19 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна второй недели 🙆 игорь старков — senior product designer xsolla, ex альфа-банк и втб банк, ментор duo sapiens, линкедин 🙆 даниил аверин — middle product designer, ex pinkman, ментор duo sapiens, автор канала @averination_tips Неделя 4 25 мая. разбор кейсов графического и коммуникационного дизайна третьей недели 🙆 юлия федорищева — старший дизайнер коммуникаций мвидео, бывший ведущий дизайнер упаковки в самокате, сооснователь агентства noideas agency agency (нет идей), ментор duo sapiens, автор канала @julia_mordovina 🙆 дима исаев — основатель isfirst.agency, дизайн директор ex. яндекс, авито, скайенг, ментор duo sapiens, автор канала @isfirst_strategy 🙆 никита михайлов — операционный директор и мультидисциплинарный дизайнер в школе и студии щёлочь 26 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна третьей недели 🙆 марина лавринченко — бывший дизайнер в студии лебедева и яндекс лавке, сейчас работает в т-банке над цифровым рублём, ментор duo sapiens, автор канала @mldsg_mrla 🙆 светлана рыбушкина — дизайн-лид продуктовой команды в «мой мтс» ментор duo sapiens регистрация на челлендж 🤩

🔗 Figma Community ▫️ #assets

Install ️

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