😮 собрали все полезные ролики на 🖥 youtube by Pragmatica с туторами, лекциями и стримами — от базы в фигме до генератива и вайбкодинга.

дизайн-концепции и референсы 1. как создать дизайн-концепцию — простой способ придумывать концепты. 2. смотрим на референсы по-новому — инструмент работы с рефами, чтобы ускорить процессы. 3. как создаются концепции сайтов на пресейле — от мудборда и первых направлений до прототипа для защиты. 4. рисуем интерфейс циферблатов — экраны смарт-часов под конкурс CMF by nothing. figma и прототипы 5. этапы работы над проектом в figma — разбор структуры рабочей фигмы. 6. кликабельный прототип в figma — от настройки базовых связей до микроанимаций и пушей. 7. интерактивные макеты в figma и principle — как быстро оживить лендинг для презентации заказчику и передать моушен в разработку. анимация и верстка 8. верстка на readymag и анимации shots — особенности верстки и создание 3d. 9. пиксельная анимация в after effects — разработка анимации для сайта-заглушки. ai и вайбкодинг 10. айдентика кайференции на нейронках — визуал через связку krea, runway и gpt. 11. как убрать пластиковый эффект кожи в AI — пайплайн генерации реалистичной текстуры. 12. вайбкод для дизайнеров: интерактивный UI-эффект — как без опыта в коде быстро собрать эффект с нуля. 13. создаем сайт с помощью нейросетей — вайбкодим и тестируем инструменты. карьера и портфолио 14. портфолио дизайнера: что и как показывать — упаковка кейсов сегодня, выделяемся при найме. 15. карта компетенций и система грейдов — оценка и критерии роста в студии. 16. рисуем вместе кейс на behance — собираем и упаковываем проект в портфолио. 👍 если полетело в избранные!

#Уроки

Очередной набор бесплатных иконок для фигмы. В этот раз они жирненькие и без разделений по категориям 📱 Скачать набор 📱 #материалы

Я когда работад продуктовым дизайнером это была моя вселенская боль. Да я мог сделать интерфейс, красиво сверстать кнопочки, формы, продумать логику и прочее. Но как только речь заходила про визуал в блоке, в карточке и так далее, был ступор. Я в этом полный ноль и очень об этом жалел. Во всех продуктах, где я работал. Ни идей, ничего. И я жёстко хотел научиться делать крутые штуки со смыслом, как примерно все в моём диз окружении. Но не осилил( С дизайном сейчас странная штука. Инструментов стало больше, а работы всё чаще похожи друг на друга. Промпт, рефы, немного Фигмы, пара правок, и готов аккуратный лендинг. Смотреть можно. Вспомнить через час уже сложнее. Поэтому всё сильнее ценятся дизайнеры, которые умеют работать с идеей. Найти образ, собрать визуальный язык, объяснить решение, довести детали и сделать так, чтобы проект выглядел цельно. Это уже история про арт-дирекшен. И как раз про это ребята из mads делают курс «Визуальная коммуникация: как стать сильным арт-директором». Он для дизайнеров, арт-директоров и лидов команд, которые хотят лучше работать с визуальными смыслами, прокачать вкус, научиться увереннее презентовать идеи и вести креативный процесс. ✨ Кто будет учить – Катя Бородина, креативный директор. 17 лет в коммуникационном дизайне, 50+ российских и международных наград. – Арина Авдеева, основательница mads и Friends Moscow. 4 Cannes Lions и 100+ международных наград. – Лёша Венцкевич, senior art director в BBDO Black. Работал с Coca-Cola, MEGA, OREO, IKEA, DUREX и другими брендами. Ещё будут Ира Смоликова, Дима Втулкин, команды Petrick, ITSALIVE, ONY, Synticate, CLAN, Sinners, Hype Production и другие ребята из индустрии. 📚 Что будет на курсе Разберут роль арт-директора, работу с визуальной идеей, презентацию решений, брендинг, digital, типографику, видео, CGI, motion, 3D, AI в креативе и сборку кейса. То есть курс не только про красивую картинку. Там много про мышление, крафт, насмотренность, работу с командой и умение довести идею до результата. 🧩 По формату два варика – Первый: полноценный онлайн-курс с живыми занятиями, кураторами, практикой, домашками и финальным проектом. – Второй: самостоятельный формат с записями, воркшопами и заданиями в своём темпе. Для вас, конечно, есть промик mads20 на скидку 20 000 ₽. Если чувствуете, что хочется делать визуал сильнее и смелее, посмотрите программу. Мне кажется, для дизайнеров, которые хотят расти в сторону арт-дирекшена, это аще супер. На рынке такого практически нет. 🔠 Зарегаться на курс 🔠 Зарегаться на курс

Мы теперь "Фигма в мире ИИ". Норм позиционирование?😅 Вопрос к знатокам вам, как думаете выглядит удобно? Старые пользователи быстро привыкнут? Упор на профессиональном направлении с командной работой и мощными функциями, правильное позиционирование? Вопросов больше, чем ответов😂 Напишите, пожалуйста, что думаете, нужно ваше мнение. А то у меня взгляд уже зашорен.

Автор расспросила дизайнеров и исследователей из Сбера, Avito, VK, ВТБ и Яндекса о том, как ИИ изменил их работу за последний год. Получился не список «волшебных инструментов», а довольно трезвый срез: модели уже плотно вошли в рутину, но почти нигде не забрали продуктовые решения целиком. Чаще всего ИИ используют там, где нужно ускорить черновую, механическую или вариативную работу: собрать структуру интервью, сгруппировать обращения поддержки, накидать идеи для флоу, подготовить временную иллюстрацию, улучшить изображение, сделать видео, проверить макет по эвристикам или быстро собрать прототип. При этом все важное по-прежнему остается за человеком: контекст продукта, бизнес-ограничения, финальная интерпретация, качество решения и ответственность за результат. Внутри: – Какие ИИ-инструменты дизайнеры используют каждый день; – Почему текст, анализ и структурирование стали самыми частыми задачами для моделей; – Как генерация изображений и видео изменила работу бренд-дизайнеров; – Почему Фигма, Cursor, Claude Code и Codex становятся частью рабочего процесса; – Какие задачи стали быстрее, но не стали бессмысленными; – Почему продуктовый дизайн все еще нельзя просто отдать нейросети; – Где ИИ уже дает вау-эффект, особенно в видео, визуалах и анализе интервью; – Почему дизайнеру теперь важно не только пользоваться ИИ, но и понимать, где его результат нужно перепроверять. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Install

Порой эти птицы высокого полёта прилетают к дизайнерам с неописанными, как с позиции дизайнера часто кажется, непродуманными и даже субъективно нелепыми задачами. Задачами, в которых не учитываются интересы смежных команд или нарушаются UX-паттерны. Задачами, в постановке которых уже присутствует решение, которое остается лишь визуализировать в Фигме. Даже если дизайн-процесс подробно описан, есть шаблоны и правила заведения задач, чеклисты и прочее, всё это часто игнорируется высокоуровневыми менеджерами, да и простыми продактами, чего уж там. То, как дизайнер с этим работает — это тоже скилл. Многие синьоры, лиды и даже хэды считают себя не в праве оспаривать постановку задачи, поправлять заказчика и предлагать иную точку зрения для достижения того же или более высокого результата. Другие же просто опасаются негативных карьерных последствий (не хотят быть «сложными», боятся попасть под сокращение или просто тяжело переживают напряжение и конфликт). Но ловушка здесь в том, что соглашаясь выполнять заведомо некорректную задачу, которая может привести к негативному результату, дизайнер становится ответственным за этот негативный результат. В итоге именно дизайнера, будь он синьор, джун или хэд и обвинят в том, что он «знал, но не поправил, знал, но промолчал», а ещё влетит от смежников. Поэтому никогда не стоит молча соглашаться на заведомо некорректно поставленную задачу, даже под разными методами манипуляций и давления на вас. Прежде, чем начать что-то делать, всегда нужно использовать опцию диалога — высказать все аргументы против, привести в доказательство результаты тестов аналогичных кейсов или данные ваших исследований, решения конкурентов и другие аргументы. И приводить их столько, сколько потребуется. 🌊🌊

Получилось вот такое как на картинке. Ну что, дизайнеры, теперь то мы приплыли или ещё побарахтаемся?

Фигма выложила майский Workflow Lab про Code to Canvas. Если коротко: прототип, который вы собрали в коде через Cursor, Codex, Claude Code или другой агент, можно затащить обратно в Фигму как редактируемые экраны. Дальше уже смотреть флоу целиком, править компоненты, токены, состояния и при желании пушить изменения обратно в код. Сама связка «дизайн-код-дизайн» не новая. Интереснее другое. Последний год все очень радостно продавали вайбкодинг как короткий путь: написал промпт, получил интерфейс, запустил, погнал дальше. Типа Фигма больше не нужна, дизайнеры мешают скорости, агент сам всё соберёт. А потом выясняется, что быстро собранный экран всё равно надо где-то нормально посмотреть. Вайбкодинг быстро даёт экран, но плохо показывает продуктовый сценарий целиком В браузере ты видишь один экран. Иногда пару состояний, если не лень потыкать. В коде видишь компоненты, файлы, стили, условия. А продуктовый флоу целиком обычно расползается по вкладкам, роутам и «сейчас я тебе покажу, только сначала залогинюсь». Для разработки ок, для обсуждения интерфейса так себе. У меня так постоянно. Быстро сделал фичу, локально вроде работает, в голове всё ясно. Потом открываешь рядом несколько экранов и видишь: • кнопка называется иначе • пустое состояние забыто • фильтр ведёт себя странно • мобильная версия поехала • пользователь попадёт в тупик и будет смотреть на экран как на квест от плохого диза И всё. Твоя «почти готовая» фича уже не такая готовая В доке Фигма прямо описывает похожий сценарий. Агент берёт локальный прототип, переносит уникальные экраны на холст, использует компоненты и стили из дизайн-системы, добавляет страницу с саммари. Потом дизайнеры уже могут смотреть и чинить: где лишний элемент, где лучше взять нормальный компонент, где просела иерархия, где токены уехали итд Это хорошая роль для Фигмы. Она не обязана быть местом, где всё начинается. Иногда она может быть местом, куда продукт возвращается на проверку. Быстро накидали в коде, положили на холст, посмотрели весь сценарий, привели в чувство, отправили обратно в разработку. Тут, кстати, спор «фигма или код» становится совсем уставшим. В реальной работе чаще нужен круг: 1. быстро собрать рабочий вариант 2. увидеть весь флоу рядом 3. поправить продуктовую логику 4. вернуть изменения туда, где это реально живёт Главное, чтобы этот круг не превратился в новый ритуал ради ритуала. Типа сначала агент сделал экран, потом агент перенёс его в Фигму, потом агент поправил, потом агент вернул в код, а команда всё это время сидела и смотрела на красивую автоматизацию. Дизайнерское решение всё равно кто-то должен принять. Пока что, желательно человек. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации. Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить. Внутри: – Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели; – Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе; – Зачем дизайн-системе нужны глобальный, брендовый и семантический слои; – Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой; – Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы; – Почему кнопка стала хорошей проверкой всей токенной архитектуры; – Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками; ➡️ Читать статью (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Дилан Филд говорит о дизайне не как о финальной упаковке интерфейса, а как о новом рабочем слое между идеей, кодом и продуктом. В эпоху ИИ важнее становится не просто написать промпт, а уметь визуально управлять намерением: быстро пробовать варианты, смотреть на результат, отбрасывать лишнее и сходиться к решению. Главная мысль в том, что дизайнер не исчезает из процесса. Наоборот, его роль становится шире: нужен вкус, ремесло, точка зрения, понимание пользователей, умение работать с прототипами, кодом, агентами и обратной связью от реальных клиентов. ИИ может ускорить перебор вариантов, но выбор направления, качество решения и ответственность за продукт всё равно остаются за человеком. Внутри: – Почему «дизайн как новый код» не означает замену дизайнеров; – Как Фигма пытается соединить canvas, код, прототипы и продуктовую разработку; – Почему прямые визуальные манипуляции могут быть сильнее одних промптов; – Зачем дизайнерам и лидерам быстрее включаться в прототипирование; – Как агенты ИИ помогают исследовать варианты, но не принимают продуктовые решения; – Почему процесс разработки всё меньше похож на линейную цепочку; – Как слияние ролей может быть полезнее гиперспециализации; – Почему вкус, ремесло и точка зрения становятся важнее в эпоху доступных инструментов. ➡️ Смотреть видос (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Теперь переносить макеты из Figma в Zero Block можно практически в пару кликов, а главное — без ограничений по количеству импортов и независимо от вашего тарифа в Фигме. Для этого достаточно установить наш официальный плагин. О том, как работает новый импорт, рассказываем в карточках поста 👉 Подробная инструкция в Справочном центре: https://help-ru.tilda.cc/zero/figma-import 🎨 Плагин Figma to Tilda: https://www.figma.com/community/plugin/1641181103081348397/figma-to-tilda А вы ждали возможность импорта без лимита? Делитесь впечатлениями в комментариях! 💬 #tildaupdates

Фигма 28 мая выкатила важный апдейт Make: теперь инструмент можно подключить к локальной кодовой базе. Открываешь существующий проект, выбираешь элемент на экране, правишь свойства, отступы, цвет, размер, раскладку, а агент уже находит нужное место в коде и вносит изменения. Пока это ограниченная бета в десктопном приложении для Mac. И сама Фигма честно пишет, что лучше всего это подойдёт дизайнерам, у которых уже есть доступ к кодовой базе компании. Раньше вайбкодинг в дизайне чаще был про быстрый черновик. Собрал экран, показал идею, выбросил половину, что-то утащил в работу. Вроде полезно, но всё равно чуть отдельно от настоящего продукта. А теперь Фигма Make пытается работать с тем местом, где продукт уже живёт. Самый важный вопрос теперь: кто имеет право двигать кнопку, если эта кнопка уже в коде? Потому что визуальная правка реального интерфейса звучит очень соблазнительно. Увидел, что отступ кривой, выбрал блок, поправил. Текст не тот, поменял. Цвет уехал, вернул. Не надо писать разработчику «можешь тут 8 пикселей вместо 12», ждать, объяснять, показывать скрин, потом снова смотреть, что получилось. Но чем ближе дизайнер подходит к коду, тем быстрее появляются взрослые вопросы: 1. кто проверяет такие изменения 2. что считается безопасной правкой 3. где начинается логика, а где просто внешний вид 4. кто отвечает, если агент поменял не тот компонент 5. как откатиться, если всё поехало Фигма это понимает, поэтому делает не «пуш в прод», а нормальный путь через разработку. Изменения сначала лежат как локальные коммиты. Можно создавать ветки, смотреть историю, откатываться, а потом открыть пулл-реквест, чтобы инженеры проверили правку как обычное изменение в коде. И это, по-моему, правильная часть новости. Не сам факт, что дизайнер может подвигать блок в живом проекте. А то, что Фигма пытается встроить это в нормальный процесс разработки. Через ветки, коммиты, проверку и возможность отката. Потому что без этого будет весело примерно два дня. Потом кто-то визуально поправит карточку, агент заденет общий компонент, уедет ещё десять экранов, разработчик откроет код и спросит, кто вообще это сделал. Но я бы не хотел, чтобы это стало режимом «дизайнеры теперь сами чинят фронт». Скорее это должно быть как быстрый слой для понятных UI-правок. Поправить отступ. Проверить состояние. Подкинуть вариант. Открыть пулл-реквест. Дальше уже обычная проверка. Ещё важная штука: Фигма разрешает копировать экраны из Make обратно на холст как слои, обсуждать с командой и потом приносить решения назад в код. Это уже похоже на нормальный круг: продукт живёт в коде, команда думает на холсте, изменения возвращаются через понятный процесс. Если Фигма сможет удержать этот круг без бардака, будет сильно. Потому что дизайнеру часто не нужен ещё один генератор красивого прототипа. А вот дизайн-ревью проводить и за качеством прода следить гуд, ибо разработчики лажают оч часто. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В этом разговоре Брайан Ловин из Ноушн очень точно описывает, куда вообще сдвигается роль дизайнера. Границы между дисциплинами размываются, и все меньше смысла делить работу на «это дизайн», «это код», «это продукт». Если хочешь влиять на результат, приходится понимать, как устроены инструменты, как думают инженеры, где заканчиваются возможности моделей и почему одни идеи в проде разваливаются, а другие нет. Самое важное здесь не в очередном наборе AI-инструментов. Главное, что дизайнеру теперь нужно уметь выходить за пределы макета: собирать прототипы в коде, разбираться в ограничениях Фигмы, понимать, как ИИ читает структуру интерфейса, и держать в голове не только красивую картинку, но и всю систему целиком. Не ради моды, а потому что иначе влияние на продукт быстро заканчивается. Внутри: – Почему дизайнеру уже недостаточно оставаться только в рамках интерфейсов; – Как в Notion прототипы все чаще уходят из Фигмы в рабочую кодовую базу; – Почему общение с инженерами стало частью нормального дизайн-процесса; – Зачем понимать реальные ограничения AI-моделей, а не фантазировать про их будущее; – Как хорошие примитивы, имена слоев и структура помогают ИИ работать точнее; – Почему доработка в IDE часто полезнее, чем бесконечные промпты; – Как непоследовательность ИИ одновременно ускоряет работу и создает хаос; – Почему способность глубоко сосредоточиться становится отдельным конкурентным преимуществом. ➡️ Смотреть видос (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

А ведь настоящие продуктовые проблемы часто скрываются на стыке команд. Между поиском и корзиной. Между онлайном и оффлайном. Между ожиданиями пользователя и реальностью бизнеса. Дизайнер, который долго работает внутри одной части продукта, часто перестаёт замечать эти проблемы. Что делать? 🔵Пользоваться собственным продуктом. Возможно в B2B/B2E сегментах это и не всегда возможно, но если мы имеем дело с B2C — грех не быть пользователям сервиса доставки, такси, почты или банка; 🔵Проектировать дизайн, учитывая все корнер кейсы, отражая в Фигме все состояния системы и условия поведения пользователя; 🔵Собирать кликабельный прототип и проходить его перед показом дизайна. Делать это можно и стандартными средствами Фигмы и с помощью ИИ; 🚤 И ещё кое-что. Устроившись в продукт я обычно рисую blueprint-схему работы продукта — она помогает не только вникнуть в процессы, попутно обнаруживая точки роста и проблемы продукта, но и познакомиться с большинством ключевых команд. Дизайнер, который видит весь end-to-end опыт ценнее того, кто знает только свой кусок продукта. 🌊🌊

Теперь можно чекать цвета, компоненты и прочее на соответствие вашей ДС и стилей. Имба ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

#Уроки