👨‍🎨 Разбор работ дизайна подписчиков

«Разбор дизайна разных сайтов, от магазина кактусов, до тура по карелии» 💻Ознакомиться с курсом💻 00:32:27 #figma
Изображение поста

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

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

То, что раньше занимало недели - сегодня студенты делают за часы.

Adobe Illustrator + нейросети = новый уровень работы дизайнера одежды. - Эскизы. - Технические рисунки. - Презентации коллекций. - Контент для соцсетей. - Современное портфолио. - Визуализация идей до производства. И самое интересное - это уже не “будущее дизайна”. Это новая реальность индустрии. Сегодня дизайнер - не просто человек, который рисует. Это арт-директор, стилист, визуализатор и режиссёр идеи одновременно. На курсе: - учимся работать в Adobe Illustrator - создаём профессиональные fashion-иллюстрации - интегрируем ИИ в рабочий процесс - превращаем идеи в визуал, который выглядит дорого и современно Именно такие навыки сейчас начинают требовать бренды и работодатели. Пока одни боятся нейросетей - другие собирают сильное портфолио и выходят на новый уровень⬆️ Если хотите больше разобраться в ИИ - забирайте 50 нейросетей, которые помогут в дизайне и творчестве. Забирайте подборку по ссылке

💗Приглашаю вас сегодня в 19:00 по МСК на бесплатный практический вебинар по созданию ИИ-видео

На эфире подробно покажу нашу методику ИИ-видеопродакшена, которую мы с командой используем в реальных проектах для создания рекламных, продуктовых и контентных роликов. 💗Что будем разбирать: 💗работу с референсами; 💗создание консистентных кадров; 💗подготовку раскадровки и подбор музыки; 💗технические аспекты генерации и монтажа. Практиковаться будем на реальном кейсе (прикрепил к этому посту), а также покажу всю механику создания ролика, которую можно адаптировать под свои проекты и задачи. 💗 Для всех, кто будет присутствовать онлайн приготовил приятный бонус – скидку 25% на все тарифы Utopy.ai. 💙 Переходите в бот, чтобы присоединиться
Минутка иконки:
Apple много чего показали вчера, но мы посмотри на трансформацию стиля иконок.
СПИ - Скетчинг, Персонажинг, Иллюстрация 🤩
новый поток от легендарной Зои стартует 14 июля! зачем? 🔡 этот курс — месячный интенсив-введение в работу с иллюстрацией с любого стартового уровня. дадим всю базу в сфере художественной графики и иллюстрирования не так как это делают в художках, а так, чтобы после окончания рисование стало вашим хобби и вы получали искреннее удовольствие, а также улучшили свои навыки и стали более гибким специалистом кому подойдет? 🔡 графическим дизайнерам, арт-директорам, ии-художникам, 3дшникам — почти всем. из качественного скетча может получиться шикарный постер, а нейронка поймет промпт в разы лучше, из раскадровки — чёткий план сцены для ролика, как для себя, так и для других — такой подход используют все топовые дизайнеры и студии, мы кстати тоже в этот раз снизили стоимость в 2 раза — всего 15.000 руб., так что это отличный поод начать рисовать уже этим летом! 🤩 программа курса 🤩
Что такое этот ваш вайб-кодинг 👀
Если по-простому — это когда ты делаешь сайты, приложения и даже игры… вообще без знания кода. Ты просто говоришь нейросети, что хочешь получить — и она это собирает. Типа: — «Сделай игру, где персонаж прыгает через препятствия» — «Собери сайт-портфолио, минималистичный и дорогой по виду» — «Сделай приложение для заметок как Notion, только проще» Ещё недавно это было “только для айтишников”. Типа такой закрытый клуб: знаешь код → значит можешь делать продукты. Сейчас навайбкодить может кто угодно 💸 Видел недавно новость: пятилетний ребёнок просто сказал маме, что хочет сделать игру. Мама посадила его за компьютер, он посмотрел пару подсказок от нейросети — и собрал простую игру буквально за несколько минут. Без кода. Вообще. Мы сейчас готовим интенсив по вайбкодингу. В понедельник выложу анонс. Обучение стартует 22 июня. Это будет интенсив на 5 дней. Сейчас сами всё тестим, разбираемся и собираем программу.
Бесплатное обучение для подростков от 12 лет современным творческим профессиям✨ невиданная крутота!
Почитайте подробнее на сайте и в группе в вк: ➡️ shkinn.ru ➡️ vk.ru/shki_nn и подавайте заявку до 19 июля! Нужна будет видео-визитка и заполнить документы, но все это того стоит⚡️ Новая Школа креативных индустрий в Нижнем Новгороде, где половина преподавателей из Школы дизайна НИУ ВШЭ, всех ждем!
Факультетская пробежка для тех, кто давно хотел начать бегать 💜
Приглашаем студентов всех программ ФКИ, сотрудников и выпускников на лёгкую пробежку вместе с Беговым клубом НИУ ВШЭ. Будем рады и тем, для кого бег уже стал привычкой, и тем, кто только хочет попробовать. Мы подготовили бережные маршруты без серьёзных подъёмов, а комфортный темп бега помогут держать участники клуба, поэтому вы можете не переживать о подготовке. Нас ждут две дистанции: 💜3 км с темпом 7:00 минут на километр; 💜5 км с темпом 6:30 минут на километр. После финиша никуда не разбегаемся — будем пить чай, общаться и знакомиться 🌟 📖Когда: 10 июня, 17:00. 🌎Где: Медиадвор (Малый Трёхсвятительский переулок, 8/2, строение 1) Регистрируйтесь 🖱
🛡 Магия ИИ работает только там, где уже есть экспертиза
Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации. Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить. Внутри: – Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели; – Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе; – Зачем дизайн-системе нужны глобальный, брендовый и семантический слои; – Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой; – Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы; – Почему кнопка стала хорошей проверкой всей токенной архитектуры; – Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками; ➡️ Читать статью (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Напоминаю, сегодня в 19:00 по МСК проведу практический разбор нашей методики AI-видеопродакшена.
Последовательно, шаг за шагом расскажу, как мы создавали видео студентки @dasha_autumn (прикрепил к посту) и как вам адаптировать нашу механику под любой контент с помощью нейросетей. Разберем все этапы: 1️⃣ Работа с референсами 2️⃣ Создание консистентных кадров 3️⃣ Работа с раскадровкой 4️⃣ Подбор музыки для ролика 5️⃣ Технические моменты создания кадров и монтажа ➡️ Регистрируйтесь в боте, чтобы не пропустить эфир Для всех участников вебинара будет промокод на 25% скидку на все тарифы Utopy.ai, чтобы вы могли попрактиковаться и погенерировать видео самостоятельно. ❗️Важно: скидка будет доступна только тем, кто будет присутствовать онлайн.