🧾 Контракт компонентов: как сделать решения проверяемыми

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в 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 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Пока я делаю HireHi, каждый день смотрю вакансии и вижу, как быстро меняются требования. Вчера дизайнеру хватало Фигмы, исследований и хорошего портфолио. Сегодня уже спрашивают про AI-агентов, работу с кодом, метрики и ещё десяток новых инструментов. Пытаешься за всем успеть, открываешь очередной сервис, читаешь про новый набор навыков и в какой-то момент уже не понимаешь, с чего начать и как соответствовать требованиями. Примерно как в горах: только привык к маршруту, а тебя уже сдувает ветер.  Практикум PRO и АльпИндустрия сделали на эту тему небольшой спецпроект. На сайте можно выбрать свою погоду в IT: ветер, похолодание, туман или ясно. Для каждого сценария собрали советы от людей, которые умеют работать в условиях постоянных изменений. ИИ-архитектор из промышленного сектора и арт-директор из Яндекса рассказали, что сейчас происходит с рынком и какие навыки стоит прокачивать. А мастер спорта по альпинизму поделился историями с восхождений и советами, как сохранять голову, когда вокруг всё идёт не по плану. В общем, если вас тоже немного укачало от постоянных изменений, можно свериться с маршрутом) Кстати, лендос очень приятный, я оценил. Оч кайфую от таких оттенков и взаимодействия в целом. Подготовиться ко всему

скучая по непечатаемым символам, я решила навайбкодить плагин PROOF MARKS для фигмы , который расставляет знаки в тексте и позволяет их кастомизировать! 🤍 [пользуйтесь] 🤍 p.s. через час у меня вебинарчик, на котором покажу как внедрила ии в свою жизнь, приходите!

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

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

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

ui.figma.cool

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