Батюшки, опять нам кто-то под калиткой навайбкодил!

На днях увидал, что какой-то кудесник завайбкодил аналоги топовых дизайнерских программ. Чел сделал бесплатные версии с открытым кодом почти для всего пакета Адобе: там тебе и аналог Фотошопа, и Иллюстратора, и даже Афтера есть. При этом оно весит мало, оно работает, и оно имеет +- те же самые фичи. Бонусом чел уже наструячил аналог Фигмы, Офиса и Автокада. Казалось бы, навайбкодил и молодец. Но это уже явный флажок неизбежного будущего, где модели будут по щелчку создавать любую прогу под любую задачу. Найдётся ли там место для Адобе, Фигмы, да и нас с вами? Или упрёмся таки в единственное диалоговое окно на чёрном экране, за которым бесконечная цепочка агентов будет пинать токены? #находки @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. Полный гайд». ➡ Зарегаться на мероприятие можно по ссылке Хочу ещё поделиться работой над реальным продуктом. Кстати, мы заметили: мода на продукт и исследования ушли на второй план. Но мне важна не мода, я хочу захватить рынок. Поэтому сейчас сделаю свою ИИ-Фигму 😄 Релиз первой версии уже скоро. Сейчас работаем над «Холстом» в Утопии, а-ля Рекрафт и Ловабл. Но сделаем удобнее и интереснее. Прикладываю видео промежуточных работ. Делаю совместно с Ксенией 👋, куратором по мобилкам/приложениям.

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

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

один рабочий тул, который нельзя заменить — это ты. так что го поменяем фигму и правки на воду, парус и заботу о менталке. мы вместе с Силой ветра бесплатно делаем ресет для всех, кто создает цифру руками. выходим на прогулку на яхте и расслабляемся на заливе. а еще на площадке: качаем на кофе-рейве, стартуем забег, гоняем лимфу на массаже, собираем обвесы, проходим звуковую терапию и отпускаем дизайнерские грехи. о карьере тоже позаботимся: будут 1-on-1 столы с эйчарами, лидами Pragmatica и менторами Duo Sapiens, короткие лекции и круглый стол о балансе работы и чилла. ⚪️ подробности и рега

слушай, если ты уже месяцев пять говоришь себе «да я сам разберусь с нейронками» и до сих пор не разобрался — этот курс ровно для тебя про что курс то? промпт-инжиниринг, безопасность в работе с ИИ, Claude, Gemini, ChatGPT, Perplexity, NotebookLM. Каждый за курс делает свой сайт, тулзу и телеграм-бота под собственные задачи — никакой теории ради теории к концу курса ни одна ваша задача не решается по-старому смысл простой: берём твои реальные задачи и подбираем под них инструмент. промпты, безопасность, Claude, Gemini, ChatGPT, DeepSeek, Perplexity, NotebookLM, Google AI Studio, Figma Make. плюс отдельный жирный блок про вайбкодинг — это когда ты собираешь себе сайт, бота или мини-тулзу вообще без кода. кто куратор? ведёт Соня Сурм. художник, графдизайнер, админ НЕЙРО Щ, вела нейрокурс в Британке, преподаёт в Центральном университете, училась ИИ у Google и Anthropic. её плагины для фигмы (PROOF MARKS на корректурные знаки и FAKE PRINT на препресс-эстетику), сайт с рефами нейрокоманды, бот с заданиями — всё это она сама навайбкодила теми же методами, что даёт на курсе кому зайдёт — если только начинаешь: получишь нормальную базу вместо хаотичного тыканья в чатжпт — маркетологам и смм: скинешь рутину на ассистентов, которых сам же и соберёшь — фрилансу: научишься формулировать так, чтобы на выходе было рабочее, а не «ну вроде норм» — студентам и тем, кто копает ресёрч: источники через NotebookLM, факты через Perplexity, минус галлюцинации как всё устроено: 8 недель, 17 занятий, старт 25 августа, финал 13 октября. онлайн по вторникам и четвергам — лекция, практика, консультации с разборами. всё пишется, материалы остаются, так что пропустил и догнал. между занятиями чат с поддержкой, домашки и бот с ежедневными заданиями, который студенты сами собрали. там кстати романтическая линия есть, не спрашивай. по времени закладывай 6–8 часов в неделю. из железа — комп, интернет, впн, (поможем) что в итоге свой набор инструментов под свои задачи и портфолио юзкейсов: тулза, чат-бот, свой сайт, промпты, сценарии под разные модели, ресёрч, ассистент под то, что делаешь каждый день. ребята с первого потока вышли с рабочими штуками — генератор мудбордов, генератор тренировок, пиксельный редактор фоток, телеграм-боты. из их работ и Сониных собралось 14 бесплатных тулзов для дизайнеров. ну и главное — начнёшь читать ответы нейронки критически, а не верить всему подряд. дайджест постов про ПИН: всё про курс отзывы на ПИН работы студентов и преподавателя сайт с рефами нейрокоманды бот с заданиями плагин для экспортной корректуры текста в figma плагин для fake prepress aesthetic в figma как работает markdown форматирование и причём тут нейронки ❤️ программа курса ❤️

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

🖼 macOS 26 Tahoe System Cursors Собрал для себя и нашей команды, но решил и в комьюнити залить. Внутри: • новые с последнего обновления macOS 26 • старые курсоры, которые ещё с macOS 15 не менялись Более жирных ориджинал паков в комьюнити не нашёл. Пользуйтесь

вы пробовали сделать препресс в фигме? вас тоже засмеяли за это друзья??? всем привет, это Соня и в фигме правда нельзя перевести макет в cmyk режим и настроить dpi, а все плагины работают ну ОЧЕНЬ печально но препресс это же еще и эстетика!! шкалы цветов, метки обреза и вылеты, информация о дате экспорта специально для гурманов я навайбкодила плагин FAKE PRINT, который качественно это все расставляет! забирайте, вот ссылочка 🙂 кстати приходите ко мне на курс по Повседневному Использованию Нейросетей с 25-го августа, научу вайбкодить плагины для фигмы😏

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