🔔 Inspiration #189

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – rostra.co – 150years.audemarspiguet.com/en – oddworks.studio – scroll.locomotive.ca – darknode.army/en ——— – flabbergast.agency – keytail.ai – noahjacob.us – inkgames.com – apple.com/iphone-17e ——— – lovart.ai – shift5.io – twygskincare.com – tryplayground.com – kosbiotic.com ——— – arie.guide – baubauwerk.com – joinspread.app – zerohash.com – rh.design ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ахахаха, типы из Альфы просто перекрыли доступ к приложению всем, кто захотел вдруг зайти и перевести срочно деньги, например.

Они просто долбанули огромный баннер, который нельзя закрыть. Топ-1 UX 2026 года. А потом они награды забирают, как самый лучший банк в России по юзабилити. Кто это согласовал просто надо уволить, ибо там рейтинг рухнул аж до 2.2 в эпсторе))) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🛠 Любопытство помогает дизайнеру не сгореть в рутине

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

Ура, наконец-то настоящий рабочий кейс с ИИ!

Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏
🎛️ Дизайн не умер, просто картинки больше не спасают
Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📱 В Китае поиск всё чаще начинается не с поисковика
Feifei Liu и Maria Rosala разбирают, как люди в Китае ищут информацию в эпоху генеративного ИИ. Снаружи экосистема сильно отличается от западной: вместо Google, ChatGPT и Claude там Baidu, DeepSeek, Doubao, Qwen, Rednote, Douyin и Bilibili. Но поведение пользователей при этом очень знакомое: одни пишут короткие запросы как в поисковике, другие ведут полноценный диалог с ИИ, одни верят ответам почти без проверки, другие сверяют результат через несколько источников. Самое интересное отличие в том, что поиск как отдельный инструмент теряет вес. Участники исследования часто уходили из Baidu не потому, что им больше не нужна информация, а потому что выдача перегружена рекламой. Вместо этого они собирают ответ по кускам: ИИ даёт быструю сводку, соцсети показывают опыт реальных людей, фото, видео и подтверждения на практике. Для планирования поездки, выбора способа вывести пятно или проверки сложного вопроса важным становится не один «правильный» источник, а связка приложений. Внутри: – Почему китайские пользователи всё чаще обходят поисковики стороной; – Как мобильная культура меняет сам процесс поиска информации; – Зачем люди переходят из ИИ в Rednote, Douyin и Bilibili для проверки ответа; – Почему опыт других пользователей часто важнее официальной выдачи; – Как уровень ИИ-грамотности влияет на качество запросов и доверие к ответам; – Чем DeepSeek, Doubao и Qwen отличаются в повседневных задачах; – Почему бренд родительской компании влияет на доверие к ИИ-инструменту; – Что дизайнерам важно учитывать, если продукт работает не только для западной аудитории. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
#15 Эпол дала стеклу ручку громкости
На WWDC они показали iOS 27, и среди больших штук про Siri AI, безопасность и эпл интеледженс, там есть одна маленькая, но очень смешная деталь: у Liquid Glass появился ползунок прозрачности. То есть тот самый стеклянный визуальный язык, который Apple недавно продавала как новое лицо системы, теперь можно сделать менее стеклянным. Хочешь больше эффекта, делаешь прозрачнее. Хочешь нормально читать текст и видеть кнопки, делаешь плотнее. Всё, приехали. На презентации Liquid Glass выглядел отлично. Красивые панели, глубина, отражения, всё такое аккуратное, дорогое, системное. В ролике оно переливается, двигается, ловит фон, и ты такой: ну да, эпол опять умеет делать красиво. А потом открываешь обычное приложение в обычный день. Снизу панель, под ней фотография или шумные обои, сверху текст, где-то кнопки. И внезапно вся эта красота начинает делать очень простую вещь: мешать. Вот это, по сути, они и признали своим ползунком. Не словами, конечно. Никто там не выйдет на сцену и не скажет: «ребята, мы немного переборщили с прозрачностью». Но настройка говорит сама за себя. Если эффект надо регулировать, значит он не всегда работает одинаково хорошо. Вообще странно ожидать, что один визуальный эффект будет одинаково удобен везде: – на светлых обоях – на тёмных обоях – в приложении с фотками – в приложении с длинным текстом – у человека, который просто хочет контраст, а не стеклянный аквариум на экране Особенно смешно, что эпол обычно любит делать вид «мы уже решили, как правильно». И часто реально решает лучше остальных. Но с такими визуальными системами уже тяжело быть абсолютно уверенным. Телефон слишком личная штука. У всех разные обои, разные приложения, разные глаза, разный свет, разный уровень терпения к интерфейсной красоте. Меня всегда удивляло, когда дизайнеры спорят про визуальный эффект так, будто пользователь обязан его оценить. Пользователь не обязан. Он открыл экран, хочет понять, куда нажать, что написано и почему оно вообще бликует на фоне его же фотки с моря. Поэтому ползунок прозрачности это не просто настройка внешнего вида. Это маленькая кнопка «сделайте мне нормально». Не всем нужна максимальная глубина. Не всем нужны отражения. Иногда человек просто хочет, чтобы нижняя панель была нижней панелью, а не демонстрацией возможностей графического движка. Самое забавное, что это не отменяет Liquid Glass. эпл не сдала назад и не выкинула стекло. Она просто добавила возможность сделать эффект спокойнее. Короче, типы из купертино как обычно всех переиграли. Вначале дали жидкое всё, затем народ охерел, они сделали поменьше эффект, буча чуть утихла, а затем они дали настройку, чтоб не бухтели вовсе. Теперь как хотите и кому как нравится. 1-0. Как вам, кстати, ликвид в целом? Я вот с момента появления пользуюь и особо боли никакой не заметил. Все прилы, что мне нужно, почти, обновились и стало свежее, чтоли. Где-то дизайнеры умело с этим поработали и прям хорошо. Чет новое хоть) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧱 Стримящийся интерфейс должен быть стабильным, а не просто живым
Joas Pambou разбирает проблему, которая всё чаще появляется в интерфейсах с ИИ, логами, транскрибацией и любыми данными в реальном времени. Экран уже не ждёт полного ответа, а обновляется по ходу генерации. Вроде бы удобно, но на практике такой интерфейс легко начинает мешать: тянет пользователя вниз, двигает элементы под рукой, слишком часто перерисовывает DOM и ломает нормальное чтение. Самое полезное здесь в том, что статья смотрит на стриминг не как на визуальный эффект, а как на набор конкретных UX- и фронтенд-рисков. Если пользователь прокрутил вверх, интерфейс не должен насильно возвращать его к последней строке. Если текст растёт, не нужно пересобирать весь блок на каждый символ. Если данные приходят быстрее, чем браузер рисует кадры, их лучше буферизовать и обновлять экран пачками. Иначе «живой» интерфейс быстро превращается в дергающийся, непредсказуемый и утомительный. Внутри: – Почему стримящиеся интерфейсы сложнее, чем кажутся на первый взгляд; – Как автоскролл может начать бороться с пользователем за внимание; – Почему новые строки, токены и блоки создают сдвиги макета; – Зачем останавливать автоскролл, если пользователь сам ушёл вверх; – Почему не стоит пересобирать весь DOM на каждый новый символ; – Как буферизация через requestAnimationFrame снижает лишние перерисовки; – Что общего у ИИ-чата, логов, транскрибации и дашбордов с метриками; – Почему стабильность интерфейса это не только производительность, но и доступность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #188
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pangeai.com – air.inc – telhaclarke.com.au – board.fun – orage.studio ——— – empower.me – frequencybreathwork.com – heyquin.io – drinkfiglia.com – genesis.energy.gov ——— – fourmula.ai – oci.madebybuzzworthy.com – irregular.com – florafauna.ai – block.xyz ——— – operate.so – lusano.com – ducky.ai – hoodzpahdesign.com – convo.app ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Решила устроить небольшой эксперимент и примерить на себя прически разных десятилетий XX века.
1920-е, 1950-е, 1970-е, 1980-е… И знаете что? Некоторые варианты меня удивили 😄 ➡️Раньше для таких экспериментов нужно было часами искать референсы, объяснять мастеру, рисковать длиной волос или ждать, пока всё отрастёт обратно. Сейчас достаточно нескольких минут и пары запросов в нейросеть. Можно посмотреть, как вы будете выглядеть с каре 20-х годов, голливудскими волнами 40-х, объёмом 80-х или модной стрижкой 90-х — без ножниц, окрашивания и стресса для волос. ✔️Именно за это я люблю современные ИИ-инструменты. Они позволяют не гадать, а видеть результат ещё до того, как вы что-то изменили в реальности. ➡️Кстати, тема мая и июня в нашем клубе «Виртуальный стилист» как раз посвящена таким экспериментам. Разбираем: ✨ виртуальную примерку одежды; ✨ подбор причесок и цвета волос; ✨ типажи и цветотипы; ✨ создание персонального стиля с помощью ИИ; ✨ промпты и сервисы, которые делают всё это за минуты. Если давно хотели посмотреть на себя по-новому, но не готовы радикальным изменениям👇🏻 ВСТУПИТЬ В КЛУБ
🚗 Интерфейс за рулём нельзя проектировать как обычное приложение
Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе) Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя. Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде. Внутри: – Почему «просто показать скорость» оказалось плохой постановкой задачи; – Как интерфейс навигатора ограничивает любое новое решение; – Почему зелёная волна должна ощущаться как состояние, а не как уведомление; – Как диапазон скорости оказался понятнее одного целевого числа; – Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной; – Как анимации помогают дать обратную связь без лишнего шума; – Почему дизайнеру пришлось проверять техническую реализацию самому; – Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Одна из самых важных задач на hirehi в ближайшее время: сделать liquid glass на тогглы и сегмент контрол
Это вам не в продукте работать, где это уберут через 12 спринтов. Это вот оно, очень важное и надо сделать. Чуваки вот сделали aave.com/design/building-glass-for-the-web И да, это ликвид в ВЕБЕ, ёмае) Я пока не представляю, как это сделать, но попробую. Если получится, будут самые красивые тогглы на вебе ЕВЕР ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Абстрактные формы — быстрый способ добавить глубину, ритм и настроение в макеты, не перегружая их деталями. Собрали подборку файлов: от мягких градиентов и 3D‑фигур до дудлов, цветочных элементов и монохромных паттернов — всё, чтобы ускорить работу над фонами, обложками и акцентами в интерфейсе.
🔶 Abstracto Demo Демо‑набор крупных цветных PNG‑форм, которые хорошо работают как выразительные фоны и центры композиции. 🔶 Texturas Abstractas Пакет текстур, удобных для фоновых заливок, наложений и лёгкого «зашумления» плоских макетов. 🔶 Geometrical Abstraction with Gradients Серия геометрических абстракций с мягкими градиентами, напоминающими плакатный графдизайн и digital‑арт. 🔶 AbstractForms Vol.1 Коллекция аккуратных фигур, которые можно собирать в постеры, аватары и иллюстративные блоки. 🔶 Abstract Lines Подборка линий и контуров, добавляющих движение и ритм фонам, шапкам и разделителям секций. 🔶 Fondos Abstractos 3D‑фоны с неоновыми формами и глубиной, которые хорошо работают как обложки и главные экраны. 🔶 Abstract Blob Vector Shapes Набор векторных «блобов» и пятен, которые удобно использовать как мягкие подложки под текст и карточки. 🔶 50 Abstract Posters & Wallpapers Part 2 Коллекция готовых постеров и обоев, которые можно брать в качестве фонов и референсов. 🔶 Abstract Geometric Waves Геометрические волны и полосы, создающие динамичный рисунок для фона. 🔶 Glassmorphism Wallpaper Abstract 3D Figure Обои с абстрактными 3D‑фигурами в стиле стекломорфизма, идеальны под UI-заставки. 🔶 12 Abstract Banners Free 12 готовых баннеров с яркой графикой, оптимизированных под веб и соцсети. 🔶 Abstract Geometric Pattern Simple Shapes 03 Простые геометрические паттерны из базовых форм для повторяющихся фонов и плиточной сетки. 🔶 M‑513 Abstract 3D Illustrations Набор 3D‑иллюстраций, которые можно использовать как ключевые визуалы в лендингах и презентациях. 🔶 Gradient Abstract Banners Баннеры на градиентных подложках, хорошо заходящие как промоблоки, превью и обложки. 🔶 3D Abstract Shapes Коллекция объёмных 3D‑форм, годящихся для центральных изображений, постеров и визуальных акцентов. 🔶 Monochrome Abstract Монохромные абстракции со сдержанной графикой, которые поддерживают минималистичный и строгий визуальный стиль. 🔶 36 Abstract Graphic Elements Pack 36 графических элементов, из которых удобно собирать коллажи и декоративные композиции. 🔶 Free Abstract Flower Elements Collection Набор «цветочных» элементов, стилизованных для декоративных вставок и паттернов. 🔶 350 Vector Doodles Weird Creatures & Abstract Forms Большая коллекция векторных дудлов с причудливыми существами и абстрактными формами для живых, экспериментальных макетов. [Фабрика Дизайна]
😜 Пользователи не врут. Они просто плохо помнят, как работают
Кирилл Улитин и Стася Кабанова из МойОфис разбирают проблему, с которой сталкивается почти любое исследование: человек на интервью рассказывает не сам опыт, а его отредактированную версию. Он забывает мелкие действия, упрощает сценарий, пропускает автоматические шаги и иногда сам не замечает, как на самом деле обходит неудобства продукта. Поэтому команда попробовала контекстное интервью: сначала поговорить с пользователем, а потом смотреть, как он реально выполняет задачу в живой системе. В этот момент начинают проявляться вещи, которые нельзя достать обычными вопросами. Кто-то вытаскивает фотографию через инструменты разработчика, потому что интерфейс не дает скачать ее нормально. Кто-то раскладывает окна как личный рабочий дашборд. Кто-то компенсирует неудобство продукта связкой из нескольких приложений. Внутри: – Почему обычное интервью часто показывает логичную версию опыта, а не реальную; – Как внимание, память и социальная желательность искажают ответы пользователей; – Чем контекстное интервью отличается от глубинного интервью и юзабилити-теста; – Почему наблюдение помогает находить не только боли, но и обходные практики; – Когда можно просить пользователя выполнить задачу прямо во время исследования; – Зачем заранее предупреждать участника, что нужно будет показывать экран и рабочие действия; – Как диаграмма сходства помогает разобрать разрозненные наблюдения; – Когда контекстное интервью полезно, а когда оно не даст соразмерной ценности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💗Приглашаю вас сегодня в 19:00 по МСК на бесплатный практический вебинар по созданию ИИ-видео
На эфире подробно покажу нашу методику ИИ-видеопродакшена, которую мы с командой используем в реальных проектах для создания рекламных, продуктовых и контентных роликов. 💗Что будем разбирать: 💗работу с референсами; 💗создание консистентных кадров; 💗подготовку раскадровки и подбор музыки; 💗технические аспекты генерации и монтажа. Практиковаться будем на реальном кейсе (прикрепил к этому посту), а также покажу всю механику создания ролика, которую можно адаптировать под свои проекты и задачи. 💗 Для всех, кто будет присутствовать онлайн приготовил приятный бонус – скидку 25% на все тарифы Utopy.ai. 💙 Переходите в бот, чтобы присоединиться
#14 Фигма зовёт вайбкод обратно на холст
Фигма выложила майский Workflow Lab про Code to Canvas. Если коротко: прототип, который вы собрали в коде через Cursor, Codex, Claude Code или другой агент, можно затащить обратно в Фигму как редактируемые экраны. Дальше уже смотреть флоу целиком, править компоненты, токены, состояния и при желании пушить изменения обратно в код. Сама связка «дизайн-код-дизайн» не новая. Интереснее другое. Последний год все очень радостно продавали вайбкодинг как короткий путь: написал промпт, получил интерфейс, запустил, погнал дальше. Типа Фигма больше не нужна, дизайнеры мешают скорости, агент сам всё соберёт. А потом выясняется, что быстро собранный экран всё равно надо где-то нормально посмотреть. Вайбкодинг быстро даёт экран, но плохо показывает продуктовый сценарий целиком В браузере ты видишь один экран. Иногда пару состояний, если не лень потыкать. В коде видишь компоненты, файлы, стили, условия. А продуктовый флоу целиком обычно расползается по вкладкам, роутам и «сейчас я тебе покажу, только сначала залогинюсь». Для разработки ок, для обсуждения интерфейса так себе. У меня так постоянно. Быстро сделал фичу, локально вроде работает, в голове всё ясно. Потом открываешь рядом несколько экранов и видишь: • кнопка называется иначе • пустое состояние забыто • фильтр ведёт себя странно • мобильная версия поехала • пользователь попадёт в тупик и будет смотреть на экран как на квест от плохого диза И всё. Твоя «почти готовая» фича уже не такая готовая В доке Фигма прямо описывает похожий сценарий. Агент берёт локальный прототип, переносит уникальные экраны на холст, использует компоненты и стили из дизайн-системы, добавляет страницу с саммари. Потом дизайнеры уже могут смотреть и чинить: где лишний элемент, где лучше взять нормальный компонент, где просела иерархия, где токены уехали итд Это хорошая роль для Фигмы. Она не обязана быть местом, где всё начинается. Иногда она может быть местом, куда продукт возвращается на проверку. Быстро накидали в коде, положили на холст, посмотрели весь сценарий, привели в чувство, отправили обратно в разработку. Тут, кстати, спор «фигма или код» становится совсем уставшим. В реальной работе чаще нужен круг: 1. быстро собрать рабочий вариант 2. увидеть весь флоу рядом 3. поправить продуктовую логику 4. вернуть изменения туда, где это реально живёт Главное, чтобы этот круг не превратился в новый ритуал ради ритуала. Типа сначала агент сделал экран, потом агент перенёс его в Фигму, потом агент поправил, потом агент вернул в код, а команда всё это время сидела и смотрела на красивую автоматизацию. Дизайнерское решение всё равно кто-то должен принять. Пока что, желательно человек. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Напоминаю, сегодня в 19:00 по МСК проведу практический разбор нашей методики AI-видеопродакшена.
Последовательно, шаг за шагом расскажу, как мы создавали видео студентки @dasha_autumn (прикрепил к посту) и как вам адаптировать нашу механику под любой контент с помощью нейросетей. Разберем все этапы: 1️⃣ Работа с референсами 2️⃣ Создание консистентных кадров 3️⃣ Работа с раскадровкой 4️⃣ Подбор музыки для ролика 5️⃣ Технические моменты создания кадров и монтажа ➡️ Регистрируйтесь в боте, чтобы не пропустить эфир Для всех участников вебинара будет промокод на 25% скидку на все тарифы Utopy.ai, чтобы вы могли попрактиковаться и погенерировать видео самостоятельно. ❗️Важно: скидка будет доступна только тем, кто будет присутствовать онлайн.
🛡 Магия ИИ работает только там, где уже есть экспертиза
Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации. Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить. Внутри: – Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели; – Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе; – Зачем дизайн-системе нужны глобальный, брендовый и семантический слои; – Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой; – Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы; – Почему кнопка стала хорошей проверкой всей токенной архитектуры; – Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками; ➡️ Читать статью (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🔔 Inspiration #187
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – vectary.com – betternights.com – withcompound.com – typology.com ——— – strawberrybrowser.com – getnude.com – aupalevodka.com/en – tendril.studio – ousmaneballondor.fr ——— – proteanfunds.com – deux-ce.com – library.obys.agency – superstate.com – hut8.com ——— – after.design/face – ponpon-mania.com – lelezhang.design – microsoft.ai – easehealth.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы