Как настроить AI-агента для дизайна и ускориться в работе.

Хочу провести вебинар, на котором мы: 1. Установим агента на компьютер. 2. Настроим его. 3. Подключим Figma-файл. 4. Возьмем, допустим, дизайн-концепт из 2–3 страниц и на его основе нарисуем еще несколько страниц. Буду показывать все последовательно, чтобы вы могли повторять действия параллельно со мной. И важно быть на вебинаре, потому что дам бесплатные токены, чтобы вы сразу все попробовали на практике. И приятный бонус можно пользоваться бесплатной фигмой😊️️ Как вам идея такого вебинара? Хочу понять, нужны ли такие вебинары, где я все пошагово объясняю простым и понятным языком? 🔥 — Да, именно так по полочкам и нужно! Проведу вебинар в четверг в 18:00 по МСК вместе с Артемом 👋, сейчас с ним готовим материалы. ➡️ Регистрация и скиллы будут в боте

Плагин называется Luqo. Суть в том, что можно подбирать качественные шрифты, не выходя из Figma: даже если шрифт не установлен, его превью показывается прямо в плагине Как это работает 1. В списке «Библиотеки» выбираете Uprock, ParaType или TypeType 2. Вписываете свой текст и видите его в каждом шрифте 3. Если шрифт не установлен, на карточке появляется иконка ссылки на страницу шрифта Это не реклама. Хочу помочь Кириллу в продвижении его плагина и вообще его начинаний. Хороший продуктивный парень И отдельно хочу спросить ваше мнение. На самом деле пост подводка к этому вопросу. Вам интересно было бы научиться делать плагины для фигма? Стоит проводить вебинар по этой теме? 🔥 — да 🤔— сомнительно, но окей

Вот наглядный пример из разработки нашей ИИ-платформы 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 руб. в мес в рассрочку Больше информации в этом посте. ➡️ Забронировать место со скидкой Добро пожаловать в новый мир 🤗

На интенсиве вам покажет Маша как в фигма weavy работать. Там даже на бесплатном тарифе можно потыкаться, чтобы разобраться с тем по какому принципу это всё работает. Кроме фигмы вам базово ничего не будет нужно для самих уроков. На вебе она уже будет показывать более продвинутые штуки и там да нужен платный тариф (чтобы видосы генерить в фигме через АПИ других нейронок). НО!!! Я щас в тестовом режиме делаю свою нодовую приложеньку 😁 Не знаю, насколько хорошей она получится, но так сильно удобнее некоторые задачи делать, чем просто в кодексе) По программе подробно завтра расскажу чо там будет в уроках конкретно, пока залетайте, если хотите в новом для себя подходе разобраться. Ссылка на билеты тута, пока ещё всего за косарь) P.S. Оно того стоит!

Коля Сторонский, основатель Revolut, сходил к Дэвиду Сенре на подкаст и рассказал, как у них сейчас устроен дизайн. Раньше всё делали в Фигме, как и все. сейчас одна команда делает дизайн сильно быстрее с нейронками, и на выходе у неё живой интерфейс прямо на ноуте или в симуляторе, а не фрейм в Фигме. Пока это одна команда. Но Сторонский прямо говорит, что пушит эту систему на всех дизайнеров. Так что дальше будет вся компания) Там же он говорит про команды. Раньше продуктовая команда у них была до 10 человек: фронты, бэки, дизайнер, продакт. Теперь он считает, что с ИИ это всё надо пересобирать и в команде должно быть 2-3 человека максимум. Один разраб закрывает и фронт, и бэк, и даже данные. по его словам, скорость инженеров уже выросла на 30%. Теперь посчитайте) Было 10 человек, станет 3. Про дизайнеров он отдельно ничего не сказал, дальше уже мои мысли. Когда в команде трое, каждый тащит сразу несколько задач. И дизайнер, который только рисует фреймы и отдаёт их разрабам, туда может просто не влезть. Я HireHi пилю один нейронками, так что понимаю, о чём он. На живом экране сразу видно, как оно грузится, как ломается на длинном тексте, как выглядит на телефоне. во фрейме такое оч легко пропустить. Но хоронить Фигму рано)) Подумать, разложить варианты, показать команде там всё ещё удобнее. Просто дизайнер всё чаще отдаёт работающий интерфейс вместо картинки. А у вас как? Кто-то уже делает дизайн сразу кодом с нейронкой или пока всё в Фигме? И если завтра придут и скажут «теперь все так работают», вы обрадуетесь или пойдёте обновлять резюме?) Газ в комментарии ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Сделала дизайн в фигме, скинула в ИИ Она написала код по моему дизайну, теперь это рабочий сайт Да, все так просто Я занималась раньше сайтами и меня бесило то, что нужно работу делать два раза. Сперва рисовать в программе, потом это все верстать ТЕПЕРЬ ЭТОГО ДЕЛАТЬ НЕ НУЖНО А это значит, что просто со знаниями фигмы, можно делать крутые сайты для себя и клиентов И это будет в новых уроках 5-го потока ☺️👏 Если хотите внедрять нейронки на новом уровне, заполняйте анкету, мы расскажем всю программу и подберем план лично для вас Узнать подробнее

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

На днях увидал, что какой-то кудесник завайбкодил аналоги топовых дизайнерских программ. Чел сделал бесплатные версии с открытым кодом почти для всего пакета Адобе: там тебе и аналог Фотошопа, и Иллюстратора, и даже Афтера есть. При этом оно весит мало, оно работает, и оно имеет +- те же самые фичи. Бонусом чел уже наструячил аналог Фигмы, Офиса и Автокада. Казалось бы, навайбкодил и молодец. Но это уже явный флажок неизбежного будущего, где модели будут по щелчку создавать любую прогу под любую задачу. Найдётся ли там место для Адобе, Фигмы, да и нас с вами? Или упрёмся таки в единственное диалоговое окно на чёрном экране, за которым бесконечная цепочка агентов будет пинать токены? #находки @vestochka_design

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

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

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

Только в одном уроке про создание вертикального каталога в Figma мы вам покажем: → Как из ТЗ заказчика собрать структуру презентации с помощью ChatGPT — с учётом аудитории и её страхов. → Как подключить Codex к Figma, дать ему референс и поручить сделать дизайн прямо в вашем файле. А потом внести правки. → Как искать референсы и с помощью ИИ выбирать визуальный стиль. → Как сгенерировать картинки, если заказчик вообще ничего не прислал)) → Как собрать всё в готовый вертикальный каталог: сетка, шрифты, композиция, плагины и экспорт. Основы Figma тоже разберём, чтобы вы могли повторять, даже если раньше её не открывали. Всё на конкретной задаче из нашего дизайн-шоу КДА. От исходника до готового дизайна. И это только один урок 👀 📆 Стартуем 12 октября. 🚨 65% мест уже занято Урок записала дизайнер нашей команды Полина, которая оформляла полностью КДА 2026 и делала десятки крутейших концепций для презентацих моих вебинаров. Посмотреть программу и забрать билет ⬅️

с тех пор затестили разные подходы и продолжаем. статусом делится creative technologist ⚪️ Прагматики ⚪️ влад. врубайте видосы. для тех, кто любит текстом: ⚪️ figma plugin. научили считывать логику сетки по трем мастер-макетам и давать правила. элементы больше не ливают за фрейм, но мелкие галлюцинации все равно вылезают. поняли, что фигма как слой неудобна для llm. ⚪️ web-app. взяли логику из веба и завайбкодили приложение. макет – это одна сущность в разных адаптивах. меняешь базовый макет, а ai-ассистент подхватывает правки промптом для всех ресайзов. ⚪️ resizer-ff (f*ck figma). просим модель перегнать три мастер-макета из фигмы в веб-код. дальше она сама генерит все ресайзы в браузере — по три версии на выбор. ⚪️ ai-агент astra. работает за пк как человек. открываешь фигму, даешь табличку со спеками — за 15–45 минут двигает курсором и собирает ресайзы. получился мидл-дизайнер за $100/мес. сейчас метим в решения на стыке веба и автономных агентов и параллельно уже шерим ресайзер клиентам 🤓

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

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

С этим обновлением рулить будут те, кто умеет думать головой. Если раньше в гонке могли побеждать "делатели", кто может чисто физически больше работать или кто круче работает в каком-то инструменте (в фигме там или в PP), то сейчас эра "умных". Самая сложная задача в рамках МК для меня остаётся собрать хороший сценарий лекции. Тут к сожалению без ОГРОМНОЙ насмотренности и понимания своей аудитории и т.д. не вывезти. Тут робот не поможет, а скорее даже навредит. Про всё подробно расскажу в пятницу. Залетайте в мастер-класс ⬅️ ⏰ Эфир в пятницу 2 октября в 14:00 МСК, запись конечно же будет 😌

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

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

Иронично, что когда ты работаешь как проклятый и у тебя нет времени на соцсети, то люди думают, что ты ничего не делаешь. И наоборот, когда ты каждый день выкладываешь посты/сторис, создается ощущение твоей гиперактивности. Хотя на самом деле ты либо все усилия тратишь на публичную деятельность, либо на реальную проектную. В таком вот стазисе я нахожусь. Наверное, я буду больше выкладывать результаты работы моей команды. Что-то из внутрянки, что-то полезного по контенту. Возможно, с небольшими моими комментариями. Упор будет на нейросети и реальные проекты/продукт. По нейросетям для себя выбрали три направления: визуал, исследование, программирование. И на каждое из них будет по вебинару в месяц (итого три). Завтра будет первый из этой серии: «Программирование промосайтов в Claude Code. Полный гайд». ➡ Зарегаться на мероприятие можно по ссылке Хочу ещё поделиться работой над реальным продуктом. Кстати, мы заметили: мода на продукт и исследования ушли на второй план. Но мне важна не мода, я хочу захватить рынок. Поэтому сейчас сделаю свою ИИ-Фигму 😄 Релиз первой версии уже скоро. Сейчас работаем над «Холстом» в Утопии, а-ля Рекрафт и Ловабл. Но сделаем удобнее и интереснее. Прикладываю видео промежуточных работ. Делаю совместно с Ксенией 👋, куратором по мобилкам/приложениям.