#14 Фигма зовёт вайбкод обратно на холст

Фигма выложила майский Workflow Lab про Code to Canvas. Если коротко: прототип, который вы собрали в коде через Cursor, Codex, Claude Code или другой агент, можно затащить обратно в Фигму как редактируемые экраны. Дальше уже смотреть флоу целиком, править компоненты, токены, состояния и при желании пушить изменения обратно в код. Сама связка «дизайн-код-дизайн» не новая. Интереснее другое. Последний год все очень радостно продавали вайбкодинг как короткий путь: написал промпт, получил интерфейс, запустил, погнал дальше. Типа Фигма больше не нужна, дизайнеры мешают скорости, агент сам всё соберёт. А потом выясняется, что быстро собранный экран всё равно надо где-то нормально посмотреть. Вайбкодинг быстро даёт экран, но плохо показывает продуктовый сценарий целиком В браузере ты видишь один экран. Иногда пару состояний, если не лень потыкать. В коде видишь компоненты, файлы, стили, условия. А продуктовый флоу целиком обычно расползается по вкладкам, роутам и «сейчас я тебе покажу, только сначала залогинюсь». Для разработки ок, для обсуждения интерфейса так себе. У меня так постоянно. Быстро сделал фичу, локально вроде работает, в голове всё ясно. Потом открываешь рядом несколько экранов и видишь: • кнопка называется иначе • пустое состояние забыто • фильтр ведёт себя странно • мобильная версия поехала • пользователь попадёт в тупик и будет смотреть на экран как на квест от плохого диза И всё. Твоя «почти готовая» фича уже не такая готовая В доке Фигма прямо описывает похожий сценарий. Агент берёт локальный прототип, переносит уникальные экраны на холст, использует компоненты и стили из дизайн-системы, добавляет страницу с саммари. Потом дизайнеры уже могут смотреть и чинить: где лишний элемент, где лучше взять нормальный компонент, где просела иерархия, где токены уехали итд Это хорошая роль для Фигмы. Она не обязана быть местом, где всё начинается. Иногда она может быть местом, куда продукт возвращается на проверку. Быстро накидали в коде, положили на холст, посмотрели весь сценарий, привели в чувство, отправили обратно в разработку. Тут, кстати, спор «фигма или код» становится совсем уставшим. В реальной работе чаще нужен круг: 1. быстро собрать рабочий вариант 2. увидеть весь флоу рядом 3. поправить продуктовую логику 4. вернуть изменения туда, где это реально живёт Главное, чтобы этот круг не превратился в новый ритуал ради ритуала. Типа сначала агент сделал экран, потом агент перенёс его в Фигму, потом агент поправил, потом агент вернул в код, а команда всё это время сидела и смотрела на красивую автоматизацию. Дизайнерское решение всё равно кто-то должен принять. Пока что, желательно человек. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Плагин «Text Style Swapper» by Edgaras Benediktavicius

А этот плагин позволяет быстро заменить стили текста Скачать плаги🔤 #plugin

Кстати, всех с днём друзей!

Коротко о моей дружбе. ЛП рассказывает сегодня, что забыла, а у неё билет в театр 28 июня на спектакль "Воскресение" по Льву Толстому. Я немного начинаю обижаться, что она идёт без меня, потому что это моё любимое произведение у Толстого* *Самое последнее, которое он написал, и писал он его десять лет, при этом оно небольшое. Мой большой рекомендасьон. Говорю ей — как это так ты идёшь и без меня? Она отвечает, что, мол, не помнит как покупала билет. Проверяем билеты и оказывается, что мы их вместе покупали, и идём вместе, и вместе забыли, о том как их покупали 😆 Радовались так, будто нам их кто-то подарил ))) Желаю вам всем настоящих друзей.
😜 Пользователи не врут. Они просто плохо помнят, как работают
Кирилл Улитин и Стася Кабанова из МойОфис разбирают проблему, с которой сталкивается почти любое исследование: человек на интервью рассказывает не сам опыт, а его отредактированную версию. Он забывает мелкие действия, упрощает сценарий, пропускает автоматические шаги и иногда сам не замечает, как на самом деле обходит неудобства продукта. Поэтому команда попробовала контекстное интервью: сначала поговорить с пользователем, а потом смотреть, как он реально выполняет задачу в живой системе. В этот момент начинают проявляться вещи, которые нельзя достать обычными вопросами. Кто-то вытаскивает фотографию через инструменты разработчика, потому что интерфейс не дает скачать ее нормально. Кто-то раскладывает окна как личный рабочий дашборд. Кто-то компенсирует неудобство продукта связкой из нескольких приложений. Внутри: – Почему обычное интервью часто показывает логичную версию опыта, а не реальную; – Как внимание, память и социальная желательность искажают ответы пользователей; – Чем контекстное интервью отличается от глубинного интервью и юзабилити-теста; – Почему наблюдение помогает находить не только боли, но и обходные практики; – Когда можно просить пользователя выполнить задачу прямо во время исследования; – Зачем заранее предупреждать участника, что нужно будет показывать экран и рабочие действия; – Как диаграмма сходства помогает разобрать разрозненные наблюдения; – Когда контекстное интервью полезно, а когда оно не даст соразмерной ценности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
открытый вебинар – «леттеринг как лучший способ захватить внимание зрителя»
✨✨✨✨✨✨✨✨ ✨✨✨✨✨✨✨✨ разберём, с чего начать путь арт-директора, какие навыки качать и как развиваться в профессии, где нет конечной точки — только рост, вызовы и новые идеи 🎲 🎲 🎲 На вебинаре узнаем: 🎲 Узнаешь, что такое леттеринг и чем он отличается от шрифта и каллиграфии: почему это отдельное искусство, как он появился и почему именно сейчас снова на пике популярности 🎲 Разберем, почему рукотворные надписи захватывают внимание сильнее готовых шрифтов: как работает восприятие, что делает надпись «живой» и из чего складывается сильная работа 🎲 Поговорим о том, где леттеринг работает помимо обложек и афиш: упаковка, айдентика, реклама, мерч, диджитал — и как один приём адаптировать под разные медиа 🎲 Узнаешь, как леттеринг используют крупные бренды и артисты: разбор реальных кейсов — какую задачу он решал, почему сработал и что забрать в свою практику + затизерим новый секретный курс❤️ Спикер — Ваня Регуляр, креативный директор Щелочи 🤍🤍🤍Сегодня в 18:00 🤍🤍🤍Регистрация на вебинар
Самые интересные UX-исследования происходят не в мобилках и вебе.
🔵Авиация В работе пилотов, где ответственность за пассажиров и экипаж колоссальны важны скорость и предсказуемость в UX. Поэтому даже самые современные самолёты сохраняют большое количество физических переключателей и кнопок, на первый взгляд расположенных хаотично. Исследования неоднократно показывали, что в стрессовых условиях пилоты быстрее находят нужный физический элемент управления, чем соответствующую функцию на экране. 🔵Автомобили Похожая ситуация сейчас происходит а автомобильных интерфейсах — китайские производители так и норовят перевести большинство управления на тач-скрины, спрятав управляющие элементы куда-нибудь во второй, а то и в третий уровень меню 🔵Медицина Многие медицинские системы выглядят устаревшими не потому, что их забыли обновить. Иногда это осознанное решение. Врач, который годами работает с определённым интерфейсом, может совершать меньше ошибок в знакомой среде, чем в новой и визуально более современной. 🔵Электростанции После анализа ряда инцидентов выяснилось, что проблема часто заключалась не в нехватке информации, а наоборот — в её избытке. Когда оператор одновременно получает десятки предупреждений, критически важный сигнал может просто потеряться. 🔵Космос В космической отрасли при тестировании интерфейсов чаще задают вопрос: что произойдёт, если всё пойдёт не по плану? Астронавтов регулярно тренируют на отказах оборудования и потере связи в аварийных сценариях, но катастрофы могут происходить и из-за ошибок на Земле — при проектировании интерфейсов. Один из самых известных примеров — потеря космического аппарата Mars Climate Orbiter Loss. Причина была удивительно простой: одна команда использовала метрическую систему измерений, другая — имперскую. В результате аппарат стоимостью более ста миллионов долларов был потерян ещё до начала научной миссии. Этот случай напоминает важную вещь: интерфейс — это не только кнопки и экраны. Это ещё и язык, обозначения, единицы измерения, правила передачи информации между людьми и системами. Авиация, медицина, атомная энергетика и космонавтика уже давно показали: хороший интерфейс — это тот, который помогает человеку принимать правильные решения. Возможно, именно поэтому самые ценные уроки UX рождаются не в приложениях для доставки еды, а там, где цена ошибки измеряется совсем другими величинами. 🌊🌊
А вы знали, что уже на этой неделе отмечается День работников лёгкой промышленности? ✂️🧵
▶️ Праздник тех, кто создаёт одежду, работает с тканями, разрабатывает коллекции, строит лекала, шьёт, вяжет, вышивает и превращает идеи в реальные изделия. Сегодня индустрия меняется быстрее, чем когда-либо. К привычным инструментам добавились нейросети, виртуальные примерки, AI-визуализация и новые возможности для творчества. ❕ Поэтому я собрала подборку из 50 нейросетей для дизайнеров, швей и всех, кто работает в fashion-индустрии 👇🏻 Забирайте подборку по ссылке
😝 дайджест задротских 😝
моушн-событий июня! ❤️ начнём отсюда ❤️ Вебинар | 14.06 12:00 | «Как моушн превращает кейсы в вау-презентацию» 14 июня в 12:00 по мск разберём, как моушн-дизайн помогает усиливать портфолио и продавать проекты быстрее. Статичные работы можно показать динамично: через анимацию, ритм, акценты. Моушн помогает за несколько секунд объяснить идею, удержать внимание и сделать так, чтобы портфолио хотелось досмотреть до конца. Спикер: Евгения Никонова — моушн-дизайнер в Rambler&Co, новый куратор курса БМГ. Ex-ревьюер в Яндекс Практикуме, преподаватель для абитуриентов, выпустила более 300 человек. Еx-арт-директор в креативном агентстве полного цикла НСМ, сотрудничала с Авито, ВТБ, VK, Купер, ВДНХ, Ростех и другими. 1. Посмотрим, в каких областях дизайна можно применять моушн (спойлер: везде, даже в книгах) 2. Разберём примеры выигрышного использования анимации в портфолио, на которое залипнут работодатели 3. Личный опыт Жени, как за счет моушн-дизайна повысить свой чек, а в конце ответим на все вопросы участников [ бесплатная регистрация ]
💗Приглашаю вас сегодня в 19:00 по МСК на бесплатный практический вебинар по созданию ИИ-видео
На эфире подробно покажу нашу методику ИИ-видеопродакшена, которую мы с командой используем в реальных проектах для создания рекламных, продуктовых и контентных роликов. 💗Что будем разбирать: 💗работу с референсами; 💗создание консистентных кадров; 💗подготовку раскадровки и подбор музыки; 💗технические аспекты генерации и монтажа. Практиковаться будем на реальном кейсе (прикрепил к этому посту), а также покажу всю механику создания ролика, которую можно адаптировать под свои проекты и задачи. 💗 Для всех, кто будет присутствовать онлайн приготовил приятный бонус – скидку 25% на все тарифы Utopy.ai. 💙 Переходите в бот, чтобы присоединиться
В Codex появился plug-in site. Типо в один промт пыщьпыщь и в интернет торчит дашборд или лендинг. Пока только для ChatGPT Business и Enterprise