Дизайныч | Артём Суслов

Всем спасибо, кто пришел на потоковое вещание! Как вам? Было ли полезно?Обсудили:• нужны ли дизайнеры, если AI уже умеет генерить интерфейсы• почему AI slop всё ещё легко считывается• как дизайнерам двигаться в сторону design engineering• Figma MCP, Paper, Codex, Lovable, v0 и другие инструменты• как переносить дизайн в код и где это пока ломается• зачем агентам дизайн-системы, токены, референсы и нормальный контекст🎞 Запись уже на канале у Дани: https://www.youtube.com/watch?v=fIEMOzz0_AI🔗 Ссылки со стрима:1. Emil Design Engineer Skill - полезный скилл для анимаций и дизайна2. Paper - аналог фигмы, только лучше переносит дизайн → код3. Impeccable - тоже скил для дизайна4. Lovable5. Web-хаптики6. Кто такой дизайн-инженер7. Agentation - MCP для точечного редактирования фронтенда8. Evil Rabbit Shaders 9. Mobbin MCP - MCP, чтобы ваш агент знал лучшие паттерны UX/UI10. Design.md app - либа design[.]md файлов

https://www.youtube.com/watch?v=OzIyqIGS5qoГаз знакомиться, общаться и обсуждать эти ваши вайбкодинги

Figma анонсировала своего AI агента прямо на канвасеЯ думал анонсируют на их конфе "Config", но решили пораньшеОсновные тезисы:- Можно создавать макеты через промпт- Работать с компонентами в дизайн-системе- Создавать компоненты и их стейты- Итерировать существующий дизайн на основе комментариев🤓 Но кому какая разница, если сегодня стрим с Даней в 20:00 на его YouTube канале о вайб-дизайнинге-кодинге

Завтра в 20:00 стрим с Даней @danokhlopkovЛампово посидим и поразгоняем про вайб-дизайнинг. Поделюсь своим опытом вайб-кодинга со стороны дизайнера и постараюсь дать пользу разработчикам, которые хотят получать на выходе не просто рабочий, а действительно адекватный и стильный UI.Что будем разгонять:• Как я вообще начал вайбкодить и какие факапы словил по пути• Paper, Figma MCP, Lovable, v0 и другие инструменты для вайб-дизайна• Как переносить дизайн в код и выжимать максимум из Figma MCP• Дизайн-инженеры и будущее UI: смогут ли разработчики делать не AI-слоп без дизайнеров🎞 Стрим будет на YouTube канале Дани - youtube.com/@danokhlopkov

Paper убьет Figma?Сделал новое видео на YouTube про инструмент, которым я пользуюсь все чаще и чаще.Внутри:• В чем отличие от Figma• Обзор интерфейса• Перенос макетов из Figma в Paper• Анимированные шейдеры• Перенос дизайна в код через Codex 🎬 Смотреть на YouTube(пролистай поиск и найди видео, надо для алгоритмов)Приятного просмотра

Как вам новая иконка спотика на 20-летие?

Прикольная интерактивность с QR кодом, когда коннектишь новый девайс к CodexУ QR для андройда такого нет🤓

На этой неделе я первый раз поработал в качестве дизайнера-инженера над проектом виртуальных банковских карт.Хотелось, чтобы они запоминались, но при этом выглядели лаконично, поэтому наконец-то добрался до использования Paper в реальной работе. Сначала сделал в нём дизайн карт на основе встроенных Mesh Gradients и прокинул в код через MCP. И все это ваншотом. После использования MCP Фигмы это особенно приятно👌Но в браузере карты выглядели слишком плоско, не хватало "вау" вайбика. Вспомнил про библиотеку spell.sh, где есть tilt-эффект при наведении на карту. И получилось то, что получилось)Демо: https://mesh-card-demo.vercel.app/➡️ Поддержите плиз в X: https://x.com/artyoyom/status/2053082429120782778?s=20

Поддержите по братски в X или LinkedIn новую демкуX (Twitter) · LinkedIn

Завайбкодил приятную анимашку открытия/скрытия сайдбара. Сапортните плиз: https://x.com/artyoyom/status/2047043335022346713?s=20