Если работаешь в фигме — забери эти два канала

@figmatika — показывают плагины по делу: — куда нажимать — зачем — где ускоряет Видео + короткое объяснение. Быстро применяешь. @packetmaket — рабочие UI-макеты: — карточки — формы — таблицы Открыл — взял — вставил. Без «скачай архив». Посмотри, вдруг зайдёт.
Изображение поста

Books that helped me at the start

You asked me in the comments which books helped me at the beginning of my design career, so I’m sharing the list here. All of these books are available in different languages. 1. Don’t Make Me Think — Steve Krug Teaches you to see interfaces through user effort and remove everything that makes people stop and think. 2. The Design of Everyуday Things — Don Norman Explains how design fails in daily life and how to build products that match human behavior. 3. Emotional Design — Don Norman Shows why emotions matter and how good design works not only logically, but emotionally. 4. Universal Principles of Design — William Lidwell et al. A clear overview of core design principles that apply across UX, UI, and product thinking. 5. Web Form Design — Luke Wroblewski A practical guide to designing forms that people actually complete without frustration.

Уроки по анимации интерфейсов

В этом году Денис Абдуллин запустил обучение по UI-анимации в After Effects, с нуля до создания презентаций в стиле роликов Telegram. Денис 8 раз выигрывал в официальных конкурсах Telegram, где нужно было создавать подобные анимации. Сотрудники ведущих компаний проходят курс, некоторые даже целыми командами, а работодатели оплачивают прохождение курса своим сотрудникам. 🎄 До 31 декабря можно приобрести обучение себе или в подарок со скидкой или сохранить цену, приобретая от работодателя: https://interfaceanimation.ru/ Начните год с того, что давно хотелось освоить!

🎯 Какие навыки реально нужны продуктовому дизайнеру в 2025

Каждый лид скажет своё: один требует исследования, другой сильный UI, третий «аналитический склад ума». А что на самом деле пишут в вакансиях? Я вот честно не особо вникал, пока не увидел эту статью. Илья Чирков из 2ГИС проанализировал 100 вакансий от 68 компаний: Яндекс, ВК, Сбер, Т-Банк и другие. Вытащил все требования, посчитал частотность и составил рейтинг. Топ хардов: проектирование, исследования, контроль разработки, аналитика, Figma. Но есть нюанс: сильный UI упоминается только в 20% вакансий, при этом слабый визуал часто становится причиной отказа. Внутри: – Пять главных хард-скиллов с разбором, как их качать; – Три ключевых софта: коммуникация, аргументация, проактивность; – Должен ли дизайнер проводить исследования; – Почему знание основ HTML и CSS всё ещё актуально. Вы когда последний раз смотрели детально, что там пишут в ваках в целом?)) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Когда UI даётся тяжело и как я начал с этим воевать
Статья рассказывает о сложностях автора при работе с UI-дизайном из-за отсутствия базовых знаний. Узнай, как автор преодолевает трудности и советует развивать устойчивый фундамент в дизайне Читать на дизайнерс | #статья
Изображение поста
Когда достаточно UI kit, а когда без дизайн-системы больно
Статья расскажет о том, как улучшить ситуацию с дизайном в компании, где беспорядок или отсутствие единого стиля. Узнаете, как создать согласованный дизайн интерфейсов и продуктов Читать на дизайнерс | #статья
Изображение поста
UI/UX-Дизайнер в Pitchitt
Мы — Pitchitt, студия дизайна, которая помогает компаниям и стартапам упаковываться и обретать идентичность. Задачи: — анализировать клиентский бриф и бизнес-задачи — проектировать структуру сайтов и digital-продуктов — продумывать пользовательские сценарии и UX-логику — создавать wireframes и интерактивные прототипы — разрабатывать UI-концепции и дизайн интерфейсов — работать с дизайн-системами и компонентами — подготавливать макеты к передаче в разработку — вносить правки по комментариям клиента и команды Ожидания: — умение работать по брифу и соблюдать фирменный стиль — отличное владение Figma — понимание принципов UX, usability и адаптивного дизайна — аккуратность и системный подход к работе с файлами — навыки презентации своих решений и аргументации дизайна — способность работать с данными, сложной структурой и логикой продукта — опыт проектирования сайтов, лендингов или digital-сервисов Условия: — внештатное сотрудничество — асинхронный график работы — полностью удалённый формат — оплата в рублях, лари, криптовалюте или через PayPal Как откликнуться: — присылайте портфолио и короткий рассказ о себе @daserovaa или на почту сontact@pitchitt.art #дизайн
Изображение поста
Коллекция наших наград пополнилась в 2025 году
Премии и фестивали на этот год — всё. Собрали подборку главного из нашего улова ФЕСТИВАЛЬ НОВОГО ДИЗАЙНА СРЕДА 🥇Интерактивный дизайн (Открытое жюри) — ХУ ИЗ ГИЛТИ 🥈 Промо сайты — ХУ ИЗ ГИЛТИ 🥈 Дизайн одностраничного сайта — ХУ ИЗ ГИЛТИ 🥉 Иллюстрация и фотография в айдентике — ХУ ИЗ ГИЛТИ WEBBY 🏆Best Use of Animation or Motion Graphics (шортлист) — WHO IS GUILTY AWWWARDS 🏆Site of the Day — WHO IS GUILTY CSSDA 🏆Website of the Day — WHO IS GUILTY SILVER MERCURY 🥉Альфа-Банк: Игры для (не)малого бизнеса LOYALTY & CX AWARDS RUSSIA 🥇Геймификация – Лучшая креативная идея — Алхимия акций, игра 🥇Лучшая геймификация в финансовом секторе — Алхимия акций, игра RUWARD 🥇Design/creative: Агентство года / Perspective — REBOOT STUDIO 🥇Весь digital-рынок / Гран-при: Кейс года — ХУ ИЗ ГИЛТИ WDA 🥇Дизайн и брендинг – Веб-дизайн (UX/UI) — ХУ ИЗ ГИЛТИ BEHANCE 🏆Best UI (Behance feature) — Alfa «Лестница», игра 🏆 Best of Behance — WHO IS GUILTY DPROFILE AWARDS 🥇Лучший UI — SKREPKA 🥇Лучшее на Dprofile — ХУ ИЗ ГИЛТИ 🥇Лучшее на Dprofile — В поисках акций, игра 🥇Лучшие иллюстрации — В поисках акций, игра 🥇Лучший UI —Яндекс.Реклама, дизайн-система портала 🥇Лучшие иллюстрации — Звёздный Бизнес, игра 🥈UI дизайн — ХУ ИЗ ГИЛТИ РЕЙТИНГ РУНЕТА 🥇Игры, игрушки / Сайты и веб-сервисы 🥇Геймдизайн / Сайты и веб-сервисы 🥈Сайты на Webflow 🥉Молодые агентства RUWARD RANKING 🏆Кубковый рейтинг Digital Design & Creative (4 место) 🏆Motion-дизайн и анимация для digital (5 место) WORKSPACE RATING 🥇Лучшие геймдев студии СПб 🏆Лучшие геймдев студии РФ (4 место) НАЦИОНАЛЬНЫЙ РЕЙТИНГ SOSTAV 🏆Технологии и инновации (24 место) 🏆Брендинг (30 место) 🏆Диджитал (42 место)
Изображение поста
Коллекция шрифтов одобренная каналом для ответственного использования в дизайне личных проектов.
Бесплатно и с хорошей кириллицей. Accuratist Скачать Alegreya SC Скачать Ambidexter Скачать 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 Скачать Большое спасибо авторам!
Изображение поста
Минутка систем:
Один из заметных трендов в дизайне этого года — системность. Как дизайн-директор, я вижу, что большинство клиентов из крупных компаний уделяют много внимания своим дизайн-системам, их развитию и автоматизации. Заметил появление коллег из t2.digital, опубликовавших в «Клубе отечественных дизайн-систем» свой кейс. Очень полезно для дизайнера изучать системные подходы к проектированию — например, как устроена новая дизайн-система в T2. Особенно интересен процесс: рассказывается о возможных сложностях, с которыми могут столкнуться команды дизайнеров и разработчиков при переходе к ее использованию, а также описывается процесс настройки UI Kit на React. Современный дизайн, особенно цифровой, это прежде всего понимание ценности и создание системных зависимостей, которые должны работать на сотнях разных носителей, экранов, разрешений. И одно дело их создавать и проектировать, а другое уметь пользоваться документацией и наборами пакетов для разработки дизайна известного бренда.
Изображение поста
«Клуб отечественных дизайн-систем» пополнился командой t2.digital
В своих материалах T2 рассказывает, как собирала свою DS: от первых попыток унифицировать UI до построения полноценной системы токенов и компонентов. Раньше продукты T2 выглядели разрозненно — классическая проблема больших команд. Дизайн-система стала ответом: foundation-токены формируют визуальную основу, а компонентная библиотека обеспечивает одинаковое поведение и внешний вид интерфейсов. Система работает не как «витрина компонентов», а как инфраструктура: единые правила, документация, согласованные паттерны. Такой подход помогает быстрее собирать интерфейсы, упрощает разработку и формирует единый язык всех продуктов T2.
Изображение поста
Команда t2.digital вошла в «Клуб отечественных дизайн-систем» — серьезное признание того, что их подход к построению DS действительно работает.
T2 подробно делится опытом внедрения: какие проблемы возникают, когда у разных команд свой UI-кит, почему дизайн-система нужна не как «продукт ради продукта», а как способ синхронизировать визуальный язык и код. В основе их DS — foundation-слой с токенами (цвета, сетки, типографика) и унифицированными компонентами, одинаковыми для разных платформ. Такой подход снижает расхождения между дизайнерами и разработчиками, ускоряет сборку интерфейсов и делает продукты визуально цельными. Это пример зрелой дизайн-системы, которая работает в большой компании.
Изображение поста
Дизайн-система 👌
Ребята из t2.digital появились в «Клубе отечественных дизайн-систем». Если кто не знает, это каталог, который ведут Андрей Сундиев и Юрий Ветров. Там собраны дизайн-системы крупнейших российских компаний. Попасть туда просто так нельзя — нужно иметь реальную технологическую платформу, а не просто UI Kit в Фигме. 🔥 Почему это круто Можно посмотреть, как устроена дизайн-система изнутри. Ребята подробно разобрали опыт ее создания: с какими трудностями столкнулись, как команды дизайнеров и разработчиков переходили на новую систему. Еще описали процесс настройки UI Kit на React — от установки зависимостей до сборки готового пакета. Маст-хэв для тех, кто строит или планирует строить свою дизайн-систему (не путаем с UI-китом) 😍 ➡️ Посмотреть ДС Т2 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🤖 Как CLI-инструменты и MCP превращают наброски в готовый код
Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные CLI-инструменты Claude Code и Codex CLI для создания AI-управляемых рабочих процессов. Главное отличие от AI-IDE: CLI-инструменты подключаются напрямую к моделям, минуя посредников, что делает взаимодействие быстрее и надёжнее. Ключ к успеху — идеально выровненная дизайн-система, где переменные Figma напрямую соответствуют CSS-токенам. Автор использовал новые возможности Code Connect UI с компонентным маппингом и MCP-инструкциями для каждого компонента. Файлы CLAUDE.md в корне проекта определяют правила поведения AI-агентов и структуру проверок. В тесте с превращением нарисованного от руки макета в прототип Claude Code справился за 14 минут, создав респонсивную страницу с правильными токенами, а Codex CLI потратил 20 минут с менее точным результатом. Внутри: – Почему прямое подключение к моделям эффективнее работы через IDE; – Как субагенты работают в изолированных контекстных окнах для экономии токенов; – Зачем нужны матрицы проверки компонентов (Default, Hover, Active, Focus, Disabled); – Какие 10 специализированных агентов автоматизируют проверки дизайна; – Как Playwright MCP позволяет Claude самостоятельно тестировать интерфейс в браузере; – Почему больший контекст часто приводит к менее точным результатам. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Консистентность ≠ одинаковость
Для тех, кто не застал ту эпоху: раньше у нас были красивые, точные интерфейсы. Теперь их заменил дизайн-язык, выросший из Apple Watch — с иконками, которые существуют только ради того, чтобы помещаться в «сквирклы». Но дело даже не в этом. Суть в том, что раньше мы проектировали всю систему — технологии, концепции, интерфейсы. Когда дизайнеров волнует только поверхностная единообразность, платформы теряют свою уникальность. Apple когда-то проектировала именно системы. Скеоморфизм был не про кожаные текстуры — он был про обучение людей новым ментальным моделям. Мусорная корзина очищается, потому что ты понимаешь, как работает настоящая корзина. Глянцевые кнопки и панели Aqua имели глубину, потому что у ОС были слои, структуру которых ты мог увидеть и понять. Старая Apple строила стек целиком — от железа до пикселей и до концепций. Команды не просто «выпускали функции в общей коробке» — они создавали связные платформы, каждая со своим мнением о том, каким должно быть взаимодействие с компьютером в конкретной среде. «Жидкое стекло» отлично смотрится на телефоне. Но на macOS оно непрактично — нет точности, сплошной визуальный шум. Это то, что происходит, когда язык интерфейса, созданный для управления пальцем, перетекает в macOS. Мы ушли от интерфейсов, спроектированных для 27-дюймового дисплея и точного курсора, к интерфейсам, придуманных для экрана 1,5 дюйма, который ты тыкаешь одним пальцем. Mac — это инструмент для создания и точной работы. Ему нужна высокая плотность информации. Ему нужны элементы, за которые можно «ухватиться». Ему нужен UI, который не мешает, но дает мощь, когда она нужна. Вместо этого мы получили отступы, пустоты и размытые прозрачности, оптимизированные под большие сенсорные цели, которых здесь вообще никто не касается. Обязательный «сквиркл» для иконок — всего лишь симптом. Когда ты заставляешь каждую иконку принимать одну и ту же форму, ты говоришь: «важнее единый стиль бренда, чем то, чтобы иконка мгновенно передавала свою функцию». Мы обменяли ясность на однообразие. Обменяли точный дизайн на кроссплатформенную одинаковость. Консистентность — это когда система живет по своим внутренним связным правилам. Одинаковость — это когда всё выглядит одинаково вне зависимости от контекста. Команда, занимающаяся железом, всё ещё понимает суть — MacBook Pro и чипы серии M — просто блеск. Но дизайн софта ощущается так, будто он бежит за «толстыми пальцами», а не вспоминает, чем люди вообще занимаются на Mac. Пост дизайнера Ryo Lu из Cursor AI 🖼️ Хороший интерфейс
🎯 Хочу поделиться с вами тем, как выглядит раскадровка и процесс создания промо-сайтов уровня Awwwards.
В видео к посту — пример небольшой части работы моих студентов над сайтом для инсулиновых помп. Да, такая вот необычная, социально значимая тема. В этом проекте ребята полностью разработали концепцию продукта. Сейчас Никита (@Nikita_Kisilyov) и Валерия (@Valeria_Eolyan) находятся на этапе создания визуального контента. Все это делается на моем курсе «Ultra UI: Уровень Арт-дирекшн». Для следующего потока у нас будет классное нововведение: каждому ученику я назначу куратора, который будет с вами созваниваться, отвечать на вопросы и помогать формировать концепцию проекта. Я также буду контролировать проект на ключевых точках и отвечать за качество ваших работ. А с прошлыми потоками продолжаем верстать сайты и забирать награды на Awwwards, CSSDA и других международных платформах. Как говорится, ставлю перед собой и вами новые вершины — и вместе постепенно достигаем их 😊 📌 К слову, начинается пора новогодних скидок. Я уже не раз говорил, что ни хрена в этом не разбираюсь, но понимаю, что вы их ждете. Поэтому возвращаем скидки «черной пятницы» на предпразничный период, и сейчас вы можете приобрести обучение по самой низкой цене 👇 Цена на курс «Ultra UI: Уровень Арт-дирекшн» со скидкой: ➡️ Для студентов UPROCK: 84 400 71 740 руб. при оплате сразу / от 4350 руб. в месяц в рассрочку ➡️ Для не студентов: 99 000 84 150 руб. при оплате сразу / от 4959 руб. в месяц в рассрочку 📌 Но имейте в виду: старт потока будет в середине января, и свободно только 2 места. Если хотите раскачать уровень мышления до уровня арт-директора по созданию проектов — бронируйте обучение через моих коллег в @uprock_hello ‼️На все курсы UPROCK также новогодние скидки: 30% скидка на новый курс👇 🟣Нейросети для дизайнеров — 58 900 41 230 ₽ (старт первого потока 26 января, количество мест ограничено ❗️) 2 месяца практики, где вы освоите ИИ как рабочий инструмент, научитесь делать визуал быстрее и сильнее: от обложек и 3D до фото, иконок и редактирования материалов клиентов. Подходит дизайнерам, которые хотят повысить качество и чек за свои услуги. 20% скидка на пакетные программы👇 🟣UX/UI с нуля — 94 000 75 200 ₽ Курс для начинающих, которые за 8 месяцев обучения прокачают свои навыки до уровня настоящих профессионалов и выйдут на рынок со знанием современных UX/UI-инструментов и 6+ проектами в портфолио. 🟣Middle/Senior — 118 000 94 400 ₽ 8 месяцев прокачки ваших UX/UI-навыков современными техниками и продуктовыми фишками до уровня сильного мидла с отработкой на 7+ проектах. 🟣MAX — 159 000 127 900 ₽ 12 месяцев полного погружения сразу во все ключевые направления дизайна. Эта программа для тех, кто хочет развиваться комплексно: UX/UI, сайты, продуктовый подход, работа с нейросетями, веб-приложения и графический дизайн — все в одном пакете. 25% скидка на отдельные направления👇 🟣Продуктовый дизайн — 78 200 58 650 ₽ За 5 месяцев вы изучите полный цикл создания цифровых продуктов: исследование, аналитика, проработка пользовательских сценариев и финальные интерфейсы. 🟣Сайты — 68 900 51 675 ₽ Трехмесячная программа, в которой вы научитесь создавать продуманные, эстетичные и работающие многостраничные сайты для бизнеса. 🟣Веб-приложения — 75 900 56 925 ₽ 3 месяца практики по созданию интерфейсов повышенной сложности: CRM-системы, дашборды, AI-инструменты. 🟣Нейрокрейтеры: Коммерческое использование AI — 39 000 29 250 ₽ 2 месяца обучения и плюс 5 профессий в копилку через освоение ИИ-инструментов, а также приобретение навыков работы с фото, видео, 3D, иллюстрациями и креативным визуалом. 🟣Графический дизайн — 58 900 44 175 ₽ 6 месяцев обучения чистой практики с минимумом теории: все для создания плакатов и разработки креативной бренд-айдентики. ➡️ Чтобы забронировать место на моем авторском курсе или на другом обучении, напишите коллегам — @uprock_hello
OPEN CALL: AI Talents x ONY
Мы запускаем отбор специалистов, которые используют AI как основной рабочий инструмент. Ищем тех, кто работает быстро, точно и умеет усиливать креатив и продукт через технологии. Направления: — Маркетинг: исследования, сегментации, A/B-тесты, генерация креатива, аналитика. — Дизайн: визуальные концепции, фирстиль, UI, системы, шрифты, саунд и сенсорный дизайн — Разработка: интеграции, пайплайны, прототипирование, архитектура решений. Мы ищем тех, кто: — уже использует AI в ежедневной работе; — умеет решать задачи быстро и структурно; — может создавать новые технологии и продуктовые практики; — хочет работать с масштабными брендами и сложными задачами; Кто мы: ONY — брендинговое агентство с 25-летним опытом. Работаем на стыке дизайна, стратегии и технологий. Среди клиентов: МТС, Х5, Т-Банк, HeadHunter, Брусника, Золотое Яблоко, Подружка, Островок и десятки нишевых брендов. Сроки OPEN CALL: 24.11 — 15.12.2025 Хочешь стать частью AI-практики ONY? Оставляй заявку по ссылке — познакомимся и обсудим формат.
Изображение поста
🍎 Куда пропало легендарное внимание Apple к деталям?
Джон Озбей критикует падение качества UX в продуктах Apple за последние 8-10 лет. Главные проблемы: приложение Напоминания каждый раз при запуске требует доступ к геолокации без опции «Больше не спрашивать», панель поиска находится в разных местах в разных приложениях (справа в Finder, слева в Картах, по центру в Контактах), а дизайн вкладок не унифицирован. iOS 26 усугубила ситуацию: в тёмном режиме не видны названия папок в приложении Файлы, значки в меню «Поделиться» отображаются некорректно, а новый эффект liquid glass делает текст в iMessage практически нечитаемым на фоновых изображениях. WebKit в iOS 26 сломал вьюпорты во всех сторонних браузерах, из-за чего контент скроллится под UI-элементами. В Safari кнопки панели мигают как сигнал SOS, а фиксированные элементы становятся недоступными при скролле. Внутри: – Почему панель поиска в Finder теперь практически невидима; – Как режим уменьшенной прозрачности создаёт чёрные панели в интерфейсе; – Почему эффект liquid glass на iPad не исчезает при наведении мыши; – Как iOS 26 заставляет выбирать фоновое изображение, делающее текст нечитаемым; – Почему переключение вкладок теперь требует двух касаний вместо одного; – Как новый дизайн ускорил разрядку батареи на iPhone 12/13 mini. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🏗️ Как студент-энергетик стал UI/UX-дизайнером в металлургической компании НЛМК
Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио. Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций. Внутри: – Почему производственная площадка в Липецке — это город в городе; – Как MES-система помогла понять специфику промышленного дизайна; – Зачем НЛМК развернул собственный AI-чат для сотрудников; – Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация; – Почему «красивый» интерфейс не работает в тяжёлой металлургии; – Как стажёр освоил Jobs To Be Done и продуктовый подход. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Минутка UI:
Почему отечественная школа дизайна UI одна из передовых в мире? Потому, что дети играют в дизайн интерфейсов.