⚡AI FULLSTACK DESIGNER — запускаем новый флагманский курс UPROCK!

Ребята, вы знаете, что я давно призываю вас изучать ИИ и использовать его в дизайне. Мы уже активно внедряем нейронки в наши курсы: учимся генерировать визуал, работать с текстами, проводить исследования, заниматься вайбкодингом. ➡ Но на этот раз решили зайти гораздо дальше. Мы разработали целую программу, в которой AI-агенты будут сопровождать вас на каждом этапе работы над проектом. И стартуем уже 12 ноября! В чем разница: раньше вы могли сами попросить нейросеть написать текст или создать изображение, то есть ставили ей отдельные задачи. А теперь представьте, что у вас есть целая команда AI-агентов, которым можно поручить сбор информации о конкурентах, создание прототипов, работу с компонентами и дизайн-системой в Figma, проверку макетов и многие другие задачи. Причем агенты смогут работать в связке: один собрал информацию, другой использовал ее для следующего этапа, третий проверил результат. На курсе как раз и будем учиться создавать собственных агентов и скиллы, настраивать автоматизации и выстраивать такие рабочие процессы. Ну и, конечно, применять все это при разработке реальных сайтов и сервисов. Условия: 🔥 Для вас до 30 октября действует скидка 20 000 ₽, а нашим текущим студентам и выпускникам школы дополнительно скидываем еще 10 000 ₽ на все тарифы: ⚫BASE — 79 000 59 000 ₽ (от 3292 ₽/мес. в рассрочку) 3,5 месяца обучения по разработке корпоративных сайтов и интернет-магазинов с AI-агентами — вся фундаментальная основа для работы. ⚫PRO — 99 000 79 000 ₽ (от 4125 ₽/мес. в рассрочку) 4,5 месяца, чтобы научиться разрабатывать сложные сервисы: все, что в тарифе выше + модуль по веб-приложениям ⚫MAX — 119 000 99 000 ₽ (от 4959 ₽/мес. в рассрочку) 6 месяцев обучения и 5+ проектов в портфолио: все из тарифов выше, а сверху еще 3D-графика, иллюстрации и видео для создания AI-визуала ➡ Выбрать тариф и забронировать место по скидке

Вот наглядный пример из разработки нашей ИИ-платформы Utopy.ai. Дизайнер рисует на бумаге наброски, потом отдает Клоду с комментариями — а тот уже знает нашу дизайн-систему и по ней создает макеты в Фигме. Получается колоссальная экономия времени. Точно так же нейросеть может: → собирать всю аналитику по проекту и рынку → организовать работу с клиентом → создавать дизайн на основе ваших примеров и прототипов → генерировать визуал: 3D, иллюстрации, графика, фото, видео → программировать сайты и приложения любой сложности Раньше это требовало либо огромного количества времени, либо команды аутсорсеров. Сейчас со всем справится один AI Fullstack-дизайнер с развитым мышлением, вкусом, эмпатией, стратегическим видением и, конечно, системой AI-агентов. 💡 Теперь вы можете прийти к этому с нуля и по отточенному алгоритму — на новом курсе AI FULLSTACK DESIGNER Занятия начнутся 12 ноября. Это самый комплексный курс по нейросетям с упором на практику и реальные результаты: сможете запускать свои сайты, приложения и даже полноценные стартапы. До завтра включительно действует повышенная скидка: 🏷️ 30 000 руб. на любой тариф для студентов и выпускников UPROCK. 🏷️ 20 000 руб. на любой тариф для тех, кто еще не учился у нас. Цена начинается от 49 000 ₽ / 2 875 ₽ в мес. в рассрочку. ➡️ Чтобы уточнить детали или забронировать место, заполните форму по ссылке

Сейчас мы у себя в Утопии все рисуем на бумаге. Как это работает? Дизайнер нарисовал на бумаге дизайн, согласовал со мной логику расположения элементов и их работу. Дальше отдает Клоду с комментариями. А Клод уже знает дизайн-систему Утопии и по ней рисует макеты страницы в Фигме. Получается колоссальная экономия времени. Мы, конечно, все еще рисуем малую часть компонентов руками или допиливаем иногда точечно мелкие правки. Но большую часть работы делаем уже в нейронке. В Утопии, кстати, хочу сделать, чтобы ты уже без Фигмы делал дизайн. Но это не главное. Главное — вас подготовить. Теперь ты можешь делать все с нейронками: • Всю аналитику (сбор данных, классификация и т. д.) • Работу с клиентом и ведение проекта (подготовка брифа, документов, напоминание клиенту и т. д.) • Создание дизайна (на основе ваших 2–3 страниц и грубых прототипов он может отрисовать все страницы и адаптивы) • Контент и визуал (3D, иллюстрации, графика, фотосессии, видео и т. д.) • Разработка и программирование — это мое любимое. Теперь от идеи до реализации один шаг. То есть теперь дизайнер становится «AI FullStack»-дизайнером. И это просто космос. Раньше, чтобы мне все это делать, нужно было держать большую команду аутсорсеров, а теперь вы можете все делегировать нейронке. За вами остаются мышление, вкус, эмпатия и стратегия. Ту же дизайн-концепцию все-таки нужно делать вам, нейронка не потянет. И я всех приглашаю в эту новую реальность. Мы первые вводим и популяризируем термин «фуллстек-дизайнер». Я запускаю наш новый флагманский курс: ⚡️AI FULLSTACK DESIGNER. Старт - 12 ноября. Это самый объемный и комплексный курс по нейросетям. Упор на практику и результаты. Вы сможете запустить свои сайты и приложения в бой и даже зарабатывать на своих стартапах. Может, сделаете и свою Утопию — мой предпринимательский опыт вам в этом поможет. Ведь контролировать качество ваших работ буду также я. До завтра включительно действует повышенная скидка: 🔵 30 000 руб. на любой тариф для студентов и выпускников UPROCK. 🔵 20 000 руб. на любой тариф для тех, кто еще не учился у нас. Цена начинается от 49 000 руб. / 2875 руб. в мес в рассрочку Больше информации в этом посте. ➡️ Забронировать место со скидкой Добро пожаловать в новый мир 🤗

Если свалить всю систему в один огромный файл, агент быстро теряется. Эльза Хайруллина показывает, как Фигма, токены и структурированный Markdown делают правила продукта понятными модели. ИИ легко генерирует бесконечные варианты экранов. Для реального продукта важнее другое: чтобы агент знал ваши состояния, семантику цвета и иерархию действий, вместо выдачи «почти правильно». Внутри: – Почему одного design.md недостаточно для агента; – Как связать Фигму, токены и Markdown в читаемый контекст; – Где «почти правильный» код ломает принятые правила продукта; – Почему для передачи в разработку важны состояния и намеренные детали; – Как готовить дизайн-систему, если путь идёт от брифа сразу к фронтенду; – Что меняется в роли дизайнера, когда систему читает не только команда. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

И мне крупно повезло, что эту тему с мной разобрала Дарья Бучакова (@baguette_psd), арт-директор Т-Банка. Дарья очень обаятельный спикер, сильный профессионал и человек, который умеет систематизировать любой материал, даже такой объемный и сложный 😊 В лекции поговорили о том, как устроена дизайн-система и как за 6 шагов собрать ее для проекта или команды. ➡️ Смотреть лекцию ➡️ Смотреть лекцию

Code Layers позволяют работать с кодом прямо на холсте, а новые Specs помогают собирать документацию, требования и контекст проекта в одном месте. Для AI-агентов добавили Guidelines и Code Sources, чтобы они лучше понимали дизайн-систему и могли использовать существующие компоненты и код. Еще анонсировали Payload, инструмент для публикации сайтов прямо из Figma. Code Layers, Specs и Guidelines уже доступны в открытой бете. Code Sources пока в закрытой, а Payload начнут запускать в ближайшие недели. www.figma.com/blog/build-by-design/

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

🔸 Вышел Kandinsky 6.0 Video для генерации видео со звуком. Новая модель от «Сбера» генерирует видео вместе с речью, музыкой и звуками окружения по текстовому описанию или стартовому кадру. Попробовать её можно бесплатно в «ГигаЧате». Пригодится для быстрых анимированных эскизов и проверки идей. Но есть ограничение: ролик пока длится не больше пяти секунд, а Full HD получают повышением разрешения исходного видео. 🔸 Figma Agent вышел из беты и стал доступен для работы с макетами. По текстовой команде агент собирает экраны, правит макеты и учитывает правила дизайн-системы. Он также может искать объекты в Figma Design, FigJam и Figma Slides. Теперь запросы будут расходовать Figma AI credits. В отличие от бесплатного тестового периода, число списываемых кредитов зависит от сложности запроса, выполняемых действий и объёма переданного контекста. 🔸 Студия Артемия Лебедева разработала новую айдентику «Лужников». Новая бренд-платформа представляет комплекс не только как стадион, но и как место для прогулок, концертов и повседневного спорта. Основой визуальной системы стали дуги: они повторяются в знаке, шрифтовом начертании, паттерне и логотипах отдельных объектов. 🔸 Российская команда M-KSP заняла второе место в архитектурном конкурсе YAC. Специалисты архитектурного бюро «Мастерская КСП» разработали дневной центр для пожилых людей в итальянском Капальбио. Вокруг внутреннего двора разместили пространства для общения, садоводства и совместных занятий. Главная идея — кулинарный павильон, облицовку которого посетители постепенно дополняют плитками ручной работы с рецептами и воспоминаниями. 🔸 Организаторы Игр в Брисбене представили эмблемы Олимпиады и Паралимпиады 2032 года. В основе логотипов Олимпийских и Паралимпийских игр 2032 года два вида какаду: розовый и желтохохлый. В хохолке зашифрован контур Квинсленда, а три и два пера отсылают к числу 32. Эмблемы объединены специально разработанным шрифтом Brisbane 2032. 🔸 Rexona выпустила шрифт на основе движений Лионеля Месси. Буквы шрифта GOAT Font построили на траекториях финтов, ускорений и ведения мяча. Какие именно игровые эпизоды использовали, бренд не раскрывает: болельщикам предлагают самостоятельно искать совпадения в архивных матчах. Здесь типографика работает сразу в нескольких направлениях: передаёт характер героя, становится инфоповодом и механикой вовлечения аудитории. 🔸 Дизайнер Егор Жданович создал «сеновик» из прозрачного ПВХ с наполнителем из сена. Минский дизайнер поместил белорусское луговое сено внутрь объёмной куртки из прозрачного ПВХ. Наполнитель, который обычно скрывают, стал главным визуальным элементом: переплетение травинок создаёт фактуру вместо привычного орнамента. Приём интересен для работы с локальной идентичностью — связь с местом выражена через материал без буквального цитирования фольклора. [Фабрика Дизайна]

Про Figma и Codex уже рассказал. Теперь — про связку Claude + PowerPoint и мой бонусный урок. 📌 В уроке Паши соберём презентацию для «Муму-банка»: → Подключим Claude к PowerPoint и подготовим структуру. → Подберём референсы, шрифты и цвета. Соберём мини-дизайн-систему, чтобы слайды были в одном стиле. → Поручим Claude сделать дизайн, внесём правки и разберём, что быстрее докрутить руками. → Сгенерируем изображения, соберём фотоколлаж и мокап приложения. → Добавим анимацию: от перехода «Трансформация» до запроса на анимацию всей презентации. 📌 А в моём бонусном уроке покажу связку ChatGPT + Canva, которую я использовал на бесплатных аккаунтах: → Генерируем слайд по референсу в ChatGPT. → Разбираем картинку на отдельные элементы через Magic Layers в Canva. → Выгружаем в PowerPoint и редактируем текст, картинки и оформление. Шрифты иногда приходится поправлять, ограничения тоже разберём. Покажу весь процесс, как он есть)) В итоге у вас будет несколько способов подключить ИИ к работе над презентациями. Можно попробовать каждый и выбрать под свою задачу. 📆 Стартуем 12 октября 🚨 95% мест уже занято Посмотреть программу и забрать билет ⬅️

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

Он работает прямо на холсте и помогает не выпадать из процесса: можно просить менять макеты, собирать новые варианты, применять дизайн-систему, разбирать фидбек и автоматизировать рутину. www.figma.com/blog/workflow-lab-staying-in-the-flow-with-the-figma-agent/

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

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

В приложении было много кнопок и других элементов, но общего порядка не было. Одни компоненты копировали по фичам, другие напрямую использовали чужие команды. В итоге изменения приходилось вносить в нескольких местах, а разработчики зависели от решений коллег. Команда добавила паспорта компонентов, правила разработки, сторибук и скриншот-тесты. После этого компоненты начали делать сами фичевые команды, а ИИ стал помогать с шаблонным кодом. За ним всё равно проверяют люди, но ошибки теперь находят до релиза, а разработка компонента подешевела с 3–5 до 2 сторипоинтов. Внутри: – Почему копипаста и прямое переиспользование чужих компонентов одинаково создают проблемы; – Как отличить компонент дизайн-системы от компонента конкретной фичи; – Зачем нужны паспорта компонентов и сторибук; – Как распределить разработку между командами, если владельцев дизайн-системы всего двое; – Почему ИИ хорошо собирает бойлерплейт только вместе с правилами, тестами и ревью. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Перенос готового стиля на пачку вайрфреймов, автозаполнение макетов реальным контентом, сборка однотипных таблиц из компонентов, светлая тема из тёмной за пару минут. Разобрали в Relate с примерами под каждый сценарий Читать на дизайнерс | #AI

Пока покупатель ещё не смотрит характеристики и отзывы, ваш товар уже конкурирует за внимание с десятками других. Поэтому карточка должна не просто выглядеть красиво — она должна продавать. На курсе Нетологии вы с нуля научитесь создавать карточки для Ozon, WB и Яндекс Маркета: анализировать конкурентов, работать с фото, собирать инфографику и галерею, использовать Figma, Photoshop и нейросети. В финале — готовый проект в портфолио. На расширенном тарифе — дизайн-системы для брендов, видео и анимация, а также ИИ-инструменты для быстрой работы с целыми линейками товаров. В сентябре — скидка 40% и 5 курсов по ИИ в подарок. Подробности и программа

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

Визуальный стиль Многие спотыкаются на этом шаге. Простой совет — сделайте как кайф именно вам. Здесь у вас нет ограничений в виде дизайн-системы, поэтому можно навалить стиля Рекомендации: 1 / Найти референсы Без них у вас не будет рамок, а работать без рамок — сложно. Я тут не собираюсь учить вас качественной работе с рефами — это отдельный навык, который дизайнеры качают на курсах, воркшопах, практиках. Напомню, что мы не воруем, а адаптируем визуальные ходы под себя Ищите то, что откликается по настроению и нравится вам визуально. Тут нужно не попасть в ловушку и не уйти в бесконечные итерации. Говорят, дизайнеры никогда полностью не довольны своим портфолио. Забейте на недовольство, должно просто выглядеть good enough для первой версии, докрутить всегда можно попозже 2 / Найти или придумать интересные решения (фишки), по которым вас можно запомнить Рекомендую смотреть чужие портфолио (например, на foliobin.com | foliodeck.pro), чтобы подмечать не только визуальные ходы, но и чекать, как вообще люди работают со своим опытом и контентом. Если не можете придумать или найти — разгоняйте с ИИ 3 / Сделать дизайн Вы конечно можете пойти и стащить чей-то дизайн как готовый .md файл (например на https://styles.refero.design). Но тогда ваше портфолио не будет уникальным, и при этом вы еще некоторый самообман будет ощущать (будет чесаться зад, что вы как дизайнеры дизайн не смогли сделать) Важно держать в голове, что портфолио — это артефакт, который смотрят в основном дизайн-лид / менеджер / директор. Именно поэтому вы можете своим подходом / дизайном пробить «слепоту» нанимающего Отдельно пару строк про Notion: Многие фанатеют от него как от инструмента для быстрого решения. Я всегда был лоялен к портфелям ноушне в целом, хотя не восхищался уж точно. Сейчас закодить страницу с ИИ будет гораздо эффективнее, а по времени не сильно дольше. Если подусраться немного, то за 2-3 дня можно сделать достаточно хорошо — Я свой дизайн немного обновил (odokienko.ru), осталось пару кейсов написать с прошлых работ и по своим проектам Рефы у меня были такие: https://www.abstract.systems/ https://www.harshsingh.me/ https://mishanaer.com/ https://bento.me/ (щас уже их linktree купил, но раньше приятный стилёк был) — Предыдущая часть [2]

Просишь агента собрать экран по своей дизайн-системе. Он что-то делает, ты открываешь Фигму, а там компоненты свои, стили свои. Пишешь ещё раз, прикладываешь скрин, объясняешь. Потом думаешь, что надо попробовать другого агента, может, тот поймёт быстрее. Только новому тоже придётся показать, где лежат файлы, какие компоненты брать и по каким правилам всё собирать. Иначе опять объясняешь одно и то же в каждом чате. Сначала вроде терпимо, потом хочется уже нормально настроить и заниматься задачами. Вчера, кстати, статейку как раз от Фигмы выкладывал, они там тоже таким занимались с Coinbase, почитайте. В общем, Даня Шишко собрал бесплатный гайд по настройке агентов для дизайнеров. С файлами, которые можно скачать и использовать у себя, подключением Фигмы и разбором того, что делать, когда агент снова ничего не видит. Как обычно, бесплатно и с пользой. 📌 Что внутри - Стартовые файлы и инструкции для повторяющихся задач; - Подключение Фигмы, чтобы агент видел компоненты и стили; - Разница между Claude и Codex и выбор под свои задачи; - Три кейса: прототип из брифа за день, экраны по дизайн-системе и прототип раньше макетов; - Что проверить, если агент не находит файлы или делает что-то не то. Если пока настраивали всё по ходу дела, можно пройтись по гайду и сравнить со своей сборкой. А если только начинаете, будут готовые файлы и примеры, с которых можно стартовать. Газ настраивать 👍 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте