Что там по передаче макетов в разработку.

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

«Относитесь к своей карьере как к дизайн-проекту», — такой совет даёт Мария Сташенко, директор АНО «Центр дизайн-мышления», член жюри проекта «Фабрика дизайна 4.0». Делимся несколькими практическими точками опоры от Марии: Сверяйтесь с «болями» — своими и чужими Если ваша работа регулярно закрывает чью-то реальную проблему (клиента, пользователя, команды), а не просто «нравится арт-директору», вы на верном пути. Спросите себя: «Что стало легче/быстрее/понятнее благодаря моему решению за последние полгода?» Если ответ есть, вы растёте как профессионал, а не как исполнитель. Фиксируйте свои ограничения — так же, как у заказчика Честно запишите, что вас тормозит: нехватка навыков, слабый нетворкинг, страх публичных защит, отсутствие обратной связи. А потом превратите это в задачи. Например: «Я боюсь презентаций» → «В следующем месяце я добровольно выступлю на двух внутренних синхронах». Ограничения, которые вы осознали, — это карта, а не приговор. Измеряйте успех не только деньгами и званиями Для себя я использую три метрики: 1⃣ Частота состояний «потока» (когда забываю про время). 2⃣ Количество вопросов, которые я задаю за неделю (чем больше, тем лучше — значит, учусь). 3⃣ Спокойствие перед сложной задачей (если оно растёт — значит, вы нащупали свою методологию). Проверяйте видение через быстрые «прототипы» Не ждите годами, чтобы понять, нравится ли вам промышленный дизайн, интерфейсы или стратегия. Возьмите мини-проект (волонтёрский, учебный, внутренний) и проживите полный цикл за 2–3 недели. После этого ответьте себе на вопрос: «Я хочу повторять это каждый день?» Это честнее любого теста на профориентацию. Раз в квартал пишите себе «резюме встречи» Как фиксируете договорённости с клиентом, так же делайте для себя: 🔸 Что я понял за 3 месяца? 🔸 Какие мои «ограничения» сдвинулись? 🔸 Какие следующие 3 шага, даже если они страшные? Это превращает тревогу «Туда ли я иду?» в рабочий документ, а с документом работать легче, чем с эмоциями. И главное: правильное направление — это не прямая линия. Это траектория, где вы регулярно сверяете компас (свои ценности) с картой (реальными задачами) и не боитесь корректировать курс. Если после каждого крупного этапа вы можете сказать: «Я стал чуть свободнее, чуть осознаннее и чуть полезнее», — значит, всё идёт так, как надо. Удачи в этом бесконечном, но самом интересном проекте — вашей собственной карьере! [Фабрика Дизайна]

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

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

Сегодня на «Мерчфесте» эксперты раскроют все карты о том, как делать мерч, который максимально усилит ваш бренд. А мы поговорили с Евгенией Лазаревой, генеральным директором MNSlab, о подходе к производству небольших партий мерча. Делимся интересными инсайтами от нашего партнёра, без которого «Мерчфест» сложно было бы представить. 🔶 Какой тираж в швейном мерче считается действительно малым? Мерч бывает индивидуальным и штучным. Мерч — это не про количество. Это про индивидуальность и дух человека, компании, региона, общества, страны, мира. 🔶 На чём можно сэкономить без заметного ущерба для качества и визуальной идеи, а на чём экономия почти всегда приводит к проблемам? В мерче часто важна не цена, а идея. И для реализации идеи используется масса всего, даже строительные материалы. Но конечно, в экономии решают автоматизация и технологии, а сейчас массу всего для кастома можно сделать, например, в 3D. Мы широко используем это в MNSlab. У нас небольшая 3D-ферма, в который мы создаём и прототипы фурнитуры, и брелоки, и даже лампы и обувь. 🔶 Как материал влияет на бюджет небольшого тиража? Есть ли ткани и виды фурнитуры, которые выглядят достойно, но позволяют удержать стоимость? Материалы — это треть себестоимости изделия, они важны. Современный мир подарил нам много очень классных тканей и материалов, экологичных, технологичных, с совершенно разными свойствами, от сохранения тепла до изменения цвета, формодержащие. Кстати, обратите внимание, сколько интересных материалов в Центре материалов собрано. 🔶 Какие технологии нанесения лучше подходят для малых серий? В каких случаях каждая из них оправдана? Для малых серий хороши цифровые и термоистории. Тут всё честно: плёнки и цифровая печать. Сейчас есть большое разнообразие термоплёнок: яркие, неоновые, вспенивающиеся светоотражающие и другие. Шелкография, наверное, единственная тиражная история. Ну и многоголовые вышивки и автоматизированные карусели. 🔶 Можно ли снизить цену за единицу, если сократить количество цветов, упростить крой или отказаться от части кастомных деталей? Можно всё. Вопрос — зачем? Если у изделия есть целевая группа и запрос на цену, материалов и технологий сейчас более чем достаточно, чтобы решить главную задачу — сделать счастливым конечного заказчика. 🔶 Как правильно собрать размерную сетку для небольшого тиража, чтобы не переплатить за остатки и при этом не исключить часть аудитории? В MNSlab только одних футболок более 300 видов лекал уже готовых. Есть базы лекал, и сейчас такая база готовится для Центра материалов. Это вообще не секретная информация, так как платформы маркетплейсов давно раскрыли все виды размерных сеток в своих карточках. Ищите, и найдется всё. Но лучше приходите в MNSlab, и настоящие профессионалы вам помогут: подскажут и покажут. 🔶 Что лучше, произвести сразу небольшой тираж или заложить возможность допечатки, дополнительного пошива? Какие условия нужно предусмотреть заранее, чтобы повторный выпуск не стал почти новым проектом? Не в тираже дело, а в цели мерча и в стратегии. Мерч — это инструмент вашего маркетинга, он помогает вам. А что касается пошива, советы такие. Если вещь запланирована к частому повторению, используйте подрядчиков и производителей с постоянным ассортиментом. Не используйте штучную фурнитуру, но не отказывайтесь от дизайна. Если у вас что-то уникальное, сохраняйте макеты или сделайте тиражные заготовки, это потом сохранит вам время и деньги. 🫶 — если тема мерча для вас актуальна. [АКИлогия] | Читайте нас в MAX

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

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

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

23 августа в 19:00 поговорим о том, почему работающего прототипа уже недостаточно и как сделать сгенерированный интерфейс понятным, цельным и убедительным. спикеры: Соня Сурм — куратор курса Повседневное Использование Нейросетей, художник и графический дизайнер Дима Исаев — основатель и дизайн-директор агентства isfirst, более 12 лет в дизайне, экс-руководитель дизайн-направлений Яндекс Практикума и Авито. на открытой лекции: на живом примере проведём аудит вайбкодинг-проекта, разберём пользовательский сценарий, визуальную иерархию, состояния и систему интерфейса. покажем, как формулировать правки для ИИ и итеративно доводить UI. участники лекции получат: • чек-лист для самостоятельной проверки интерфейса • понимание ключевых ошибок AI-прототипов • системный подход к работе с UI через ИИ участие поможет вам делать проекты профессионально и убедительно — на уровне, который можно показывать команде, клиентам и использовать в портфолио 🤍 регистрация 🤍

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

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

Ладно, шучу. Сделал только прототип сайта плюс несколько визуальных концепций. Но реально можно с телефона голосовые фигачить и картинки отправлять, а он на компьютере там работает)

Я каждый день смотрю вакансии и вижу, что старый сценарий работает всё хуже. Раньше можно было раз в пару лет перейти в другую компанию, получить следующий грейд и заметно вырасти по зарплате. Сейчас поиск занимает месяцы, вилки часто стоят на месте, а где-то на новом месте вообще предлагают меньше. При этом требования стали сильно шире. Рядом с Фигмой и исследованиями всё чаще стоят AI-агенты, вайбкодинг и рабочие прототипы. Компаниям нужны дизайнеры, которые могут быстрее проверить идею, собрать живой сценарий и положить его пользователям или команде без долгого ожидания разработки. Я сам каждый день работаю с AI и вижу, насколько сильно это ускоряет путь от идеи до реализации каких-то фич (иногда буквально 5 минут). Но просто открыть Клода или Кодекс и попросить его «сделать красиво» недостаточно. Нужен нормальный процесс, чтобы агент понимал задачу, работал с интерфейсом и помогал довести результат до чего-то живого. 😎 Даниил Шишко из Pixel Perfect собрал такой процесс в бесплатный спринт из 4 уроков. На занятиях разберёте работу с AI-агентом и завайбкодите свой продукт или отдельную фичу. В итоге останется готовая работа, которую можно показать в портфолио или докрутить под свой проект. Работать будете в OpenCode. Агент бесплатный, поэтому покупать ещё одну подписку ради обучения не придётся. 🔠 Запустить бесплатный спринт 🔠 Запустить бесплатный спринт 🔠 Запустить бесплатный спринт

Раньше рецепт был прост: раз в 1-2 года меняешь компанию с повышением грейда и оклада. Сейчас этот механизм ломается. Рынок труда для дизайнеров стал сложнее: компании оптимизируют бюджеты, сокращают команды, а при переходе на новое место предлагают тот же оклад (или даже ниже). При этом в вакансиях половина требований будто написана для разработчика: работа с AI-агентами, вайбкодинг, прототипы в Claude. Да, AI-навыки перестали быть плюсом в резюме и стали частью ДНК команд, которые готовы платить больше. Расти в этой реальности можно только через внедрение AI в свою повседневную работу. 😎 Даниил Шишко из Pixel Perfect собрал рабочий процесс с AI-агентами и упаковал его в бесплатный спринт из 4-х уроков. После него ты заберешь две вещи: сам процесс работы с AI и свой продукт или фичу, которую завайбкодишь на уроках. Работать будем в OpenCode – это полностью бесплатный AI-агент, без подписок. 😇 Запускай бесплатный спринт для дизайнеров по этой ссылке

Install plugin

Как быстрее создавать прототипы, графику и другой контент для сайтов — узнаете на бесплатном вебинаре 22 июля. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-17830706958a8a1d28642b На вебинаре разберём: 🟠Почему даже самый умный ИИ полностью не заменит дизайнера; 🟠Как грамотно делегировать ИИ этап со структурой и прототипированием сайта; 🟠Какие промты помогут сэкономить время. Вебинар проведёт Миша Таби, UX/UI и бренд-дизайнер, куратор в Школе Тильды.

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

Утром было такое, вот теперь уже за работой, когда все от тебя ждут идей, концептов, эскизов и прототипов, а нейронка опять хочет денег, а ты опять заходишь по кругу на старые идеи из прошлых проектов и все ждут и торопят. Автор проекта Юлиус фон Бисмарк.

дизайн-концепции и референсы 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 — собираем и упаковываем проект в портфолио. 👍 если полетело в избранные!

Дизайнер Janum Trivedi экспериментирует с прототипом «змейки» из оповещений.