Что умеет Claude (Design / Code) на практике🤖

мой опыт и опыт других дизайнеров/разработчиков 📎 Генерировать UI-концепты и макеты по промпту загружая их напрямую в браузер или в саму Figma 📎 Справляется с созданием адаптивов Хорошо продумывает адаптив, даже если задать ограничения и сценарии 📎 Генерировать дизайн-системы Может собрать дизайн-систему и описать правила (однако полноценные системы требует доработки) 📎 Верстать интерфейсы Подходит для лендингов, MVP и даже сложных интерфейсов, но почти всегда требует ручной доработки и ревью, хорошо обучается на загруженных библиотеках и твоих спецификациях 📎 Делать интерактивные прототипы Может собирать прототипы в браузере/Figma 📎 Помогать с деплоем Может объяснить и сгенерировать шаги для хостинга, домена и настройки проекта 📎 Интеграция с бэкендом и админками Может предложить архитектуру, API-структуру, варианты CMS (пока не тестила работу на бэке, на ютубе видеоа много уроков) 📎 Проводить исследования Это не замена полноценным UX-исследованиям с пользователями, однако с данными на основе реальных пользователей тоже отлично справится → просто чтобы вы понимали на какой функционал можете рассчитывать, а я пока готовлю большую инструкцию установке Claude правильно со всеми необходимыми библиотеками и приложениями😇 #полезное #клод

Эффект стекла в Power Point и Figma 🤩

Я вам уже не раз рассказывал, что глассморфизм — один из главных трендовых эффектов в дизайне 2026 года. Записал подробный урок, где показываю три способа, как добавить этот эффект в свои презы. 🌟 Смотреть на YouTube 🌟 Смотреть в ВК В комментах обмен вашими слайдами с эффектом стекла. Кидайте скрины любимых работ.

#3 Netflix и вертикальная лента

Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🍃 Мир, труд, май🍃

🧷Труд — это не только про «сделать», но и про «придумать», найти своё решение и довести идею до результата. В Институте дизайна это особенно чувствуется: через поиск, сомнения, правки и тот самый момент, когда «сложилось»🕗 Пусть в вашей работе будет больше смысла, чем рутины, больше интереса, чем обязательств. А рядом — люди и проекты, которые действительно заряжают. С Праздником! ✨
С праздником 1 мая. Делюсь эмоциональным и вдохновляющим видео Кати (@burtcevaekaterina). Оно меня приятно порадовало, поэтому и решил поделиться им с вами.
С Катей у нас, по-хорошему, непростые отношения так как путь талантливого человека проходит через море сомнений и метаний. От себя могу посоветовать только принять эту судьбу и двигаться к своим вершинам. Для себя я поставил цель — раскрывать таланты людей. Например, я счастлив, что первые дизайн-успехи у Кати после длительной рутинной работы связаны с UPROCK. Катя, если что, поправь меня в комментариях. Я помню ее первые проекты с персонажами на курсе по граф дизайну и меня уже тогда зацепила проработка проекта. Те проекты, кстати отмечены наградами на Behance как лучшие. Еще один предмет для гордости за Катю. Но больше всего меня радует, что Катя продолжает экспериментировать и пробовать себя в разных направлениях. Поясню, я даю вам методику, которую, на самом деле, можно применять в любой индустрии. Давным-давно я поставил себе цель — найти «ключ от всех дверей». Теперь этот ключ у вас. Верьте в себя — и у вас все получится. Сомнения это нормально, но не стоит сходить со своего пути. Все у нас обязательно будет.
Вы серьезно думаете, что «размер» определяет форму?
И это заблуждение встречается не только у обывателей. Одна из главных ошибок начинающих дизайнеров - рисовать одежду на абстрактном «стандарте», который существует только в их голове. В реальности же дизайн — это работа с геометрией и архитектурой тела. ➡️ Для дизайнера важно понимать типы фигур не ради теории, а ради безупречной посадки. Ведь одна и та же модель изделия будет смотреться абсолютно по-разному на: ➡️ Песочных часах с выраженным балансом; ➡️ Груше с акцентом на бедра; ➡️ Яблоке с объемом в центре; ➡️ Прямоугольнике с атлетичным силуэтом; ➡️ Треугольнике с активной линией плеч. Если вы работаете с одеждой, важно перестать рисовать «воздух» и начать понимать, как реально распределяются объемы. Нельзя создать идеальный силуэт, если вы не видите базу, на которую он ляжет. Чтобы упростить себе задачу и перестать гадать, используйте профессиональные шаблоны в реалистичных пропорциях. Это помогает: — проектировать одежду под конкретный запрос и фигуру; — видеть реальную посадку еще на этапе эскиза; — создавать коллекции, которые подходят живым людям, а не манекенам; — видеть форму, а не свои фантазии о ней. Хороший дизайнер работает не с мифами, а с пропорциями. Скачать ШАБЛОНЫ
✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
пятничная подборка: как технологии становятся частью заботы, комфорта и повседневных ритуалов
📱 «Т-Банк» и бесконтактная оплата на iPhone Т-Банк запустил T-Pay для офлайн-оплаты на iPhone (iOS 16+). теперь смартфон можно использовать как платёжный инструмент без физической карты — через BLE-соединение с терминалом. решение встроено в локальную банковскую инфраструктуру и работает в связке с экосистемой платежей, включая партнёрские технологии других банков. ключевой эффект — не новая технология, а объединение уже существующих: iOS-интерфейс, бесконтактная оплата и офлайн-режим с цифровым сертификатом, который обновляется при подозрительной активности. 🚗 Citroën и комфорт для питомцев в дороге Citroën адаптировал автомобильный комфорт под животных, встроив в поездки снижение тревожности питомцев. совместно с BETC Paris бренд разработал Calm Diffuser — устройство, которое выделяет синтетические феромоны, имитирующие сигналы спокойствия, знакомые животным с детства. это продолжение общей логики бренда: от подвески и антиукачивания до заботы о пассажирах-питомцах. автомобиль становится пространством, учитывающим не только людей, но и животных как часть семьи. 🚂 виртуальный «Экспресс Святого Винсента» в австралийском центре ухода за пожилыми людьми создан иммерсивный VR-проект «Экспресс Святого Винсента». участники садятся в стилизованное купе и «путешествуют» по 10 странам через VR-окна с панорамными экранами. поезд сопровождается голосовым ИИ-гидом, а впечатление дополняется билетами, паспортами и дегустацией блюд. для пациентов с деменцией и пожилых людей это становится не просто развлечением, а формой социальной терапии: совместное переживание опыта снижает тревожность и возвращает ощущение участия в жизни. ✨ вывод для бизнеса во всех трёх кейсах технологии уходят от роли отдельных продуктов и становятся частью повседневных контекстов — оплаты, поездки или заботы о здоровье. ценность создаётся не самой инновацией, а тем, насколько незаметно она встраивается в уже существующий опыт человека и расширяет его без необходимости менять привычки. trends.aic.ru
🎨 События в «Московских мастерских» в начале мая: дайджест
Вас ждут камерные арт-квартирники в студиях современных художников, мастер-классы по развитию воображения и созданию оригинальных объектов, театральные занятия для детей и новые экскурсии. 🔶 Программа мастер-классов от резидентов 🔸 2 мая, 16:00–16:30 На мастер-классе «Книга-дом» Тани Старовойтовой каждый участник соберёт книгу-дом и наполнит её своими смыслами. 🔶 Мастер-класс от артистов «Детского театра эстрады» 🔸 3 мая, 14:00 На занятии «Импровизация по-актёрски!» Анна Баздырева научит детей 10–15 лет не бояться сцены и играть свободно. 🔶 «Арт-квартирники» в мастерских художников Для всех, кто хочет попасть за кулисы творческого процесса, лично познакомиться и пообщаться с резидентами «Московских мастерских». 🔸 1 мая, 16:00–17:00 Мастерские Сергея Михайлова и Анастасии Дяченко 🔸 3 мая, 16:00–16:30 Мастерская Анны Рзаевой 🔶 А также всех гостей «Московских мастерских» ждут выставки 🔸 До 1 июня, с 10:00 до 22:00 Экспозиция «Медленные сны» и ежедневные экскурсии в 14:00 и 19:00 (по предварительной регистрации). Проект под кураторством Этери Орджоникидзе объединяет около 90 проектов, созданных в широком спектре тем и техник — от живописных работ до масштабных инсталляций. 🔸 До 16 мая, ежедневно с 10:00 до 22:00 Экспозиция студентов Московской школы кино «Сети». Выставка под кураторством Аддиса Гаджиева посвящена современным технологиям и их влиянию на наше восприятие и способы взаимодействия с миром. На площадке представлены инсталляции, фотографии, видео-арт и мозаика. 📍 «Московские мастерские» РЦ «Место встречи София», 2 этаж Сиреневый бульвар, д. 31 [АКИлогия] | Читайте нас в MAX
Не знаю, почему, но ответ Кристоферу (Christopher Haanes) от Creative Market позабавил.
Качество ваших работ, мол, не отвечает нажим ожиданиям. Даже и не знаю, что тут можно сказать.
МАЙ В КЛУБЕ — САМ СЕБЕ ВИРТУАЛЬНЫЙ СТИЛИСТ
➡️ Если вы дизайнер, швея или работаете в хендмейде - в мае будем учиться самим собирать себе образы, примерять идеи, тестировать одежду, прически и луки с помощью ИИ. ❕ Без стилистов, долгих съемок и бесконечных примерок. Вы сами сможете видеть, как может выглядеть вещь, образ или новая подача именно на вас или на вашей модели. Внутри месяца: виртуальная примерка, Nano Banana, Leonardo, промпты для ракурсов и фигур, прически, Pinterest-борды и сборка готовых луков. Это месяц для тех, кто хочет использовать ИИ не ради красивой игрушки, а для работы, контента, вдохновения и своего визуального стиля. В мае становимся сами себе виртуальными стилистами. ВСТУПАЙТЕ В КЛУБ ПО ССЫЛКЕ
Согласитесь, что было бы круто, если на компе всегда был идеально подходящий шрифт под любой проект?
Чтобы вообще был не нужен тот этап, когда скроллишь бесконечный поток вариантов до ряби в глазах 😵‍💫 А теперь представьте, что искать вообще не нужно. 🪄✨ Просто открываешь файл и дизайнишь нужные слова сам.Спокойно, в творческом потоке, на вдохновении. Не как что-то усложняющее жизнь, а как естественное продолжение своей работы и чистое творчество. 🐸 Нужен детский проект — ты чуть смягчаешь форму, даёшь буквам разную ширину, добавляешь лёгкую неровность. И слово сразу становится тёплым, живым, как будто его нарисовали от руки. 🐬 Нужен спортивный — ты усиливаешь ритм, даёшь наклон, собираешь форму плотнее. И в буквах появляется напряжение, энергия, ощущение движения. 🐍 Нужен элегантный — ты работаешь тоньше. Чуть меняешь пропорции, расстояния, характер штрихов. И из тех же базовых форм рождается спокойное, уверенное, дорогое решение. И в какой-то момент ты ловишь себя на ощущении, что это легко в своей естественности. Что так и должно быть. Потому что ты – дизайнер. Ты можешь создавать из пятен нужное ощущение и придавать ему форму. И да, это тот самый момент, где работы начинают отличаться. Ты как специалист начинаешь очень-очень-очень сильно отличаться от массы. Если хочется стать таким спецом – приходите на СТРИМ 4 мая. Я покажу как это работает ✨ #этоЗНАК
Минутка обучения:
Авокадо как лого. Знакомый многим приём работы с шоифтографией логотипа на основе формы одного объекта. Автор примера: FAEL
Делаем кое-что нереально крутое для фрилансеров😍
Давненько не писал тут, много работы по школе и сложностей с этими всеми блокировками и тп. Честно говоря сам чуть выгорел от всего, и энтузиазма не было на посты. Но месяц назад загорелся одной идеей - сделать сервис для наших ребят и не только, который бы 24/7 помогал по фрилансу, типа как компаньон/коуч. Загорелся и благодаря нейросетям сделал прототип, а потом вместе с другом разработчиком доделали до рабочей версии, которую скоро будем давать на тест. Собрали фокус-группу, и на следующей неделе хотим дать триал период. Если интересно был бы попробовать такой сервис и хотели бы тут узнать подробности запуска, да и просто блин поддержать), накидайте 🔥
Новый курс: Нейросети с нуля
Собрали всё самое важное в одном курсе: автоматизируйте рутинные процессы и оставьте больше времени на творческие. Курс можно пройти, даже если вы никогда не работали с нейросетями. От базовых настроек — к продвинутым Пройдете путь от написания промптов и генерации изображений до работы с трехмерными объектами и ИИ-агентами. Точно под запрос Научитесь ориентироваться в многообразии инструментов — и подбирать тот, что больше подходит вашей задаче. Новые навыки Расширите набор услуг, научитесь сочетать навыки и находить уникальные решения. Кто преподает? Два дизайн-директора, мультидисциплинарный дизайнер и маркетолог студии «ЦЕХ». → Узнать все подробности и присоединиться. Стартуем уже 4 мая!
⚡️ Новое видео: 7 нейросетей, которые нужны каждому дизайнеру одежды
Нано Банана/Nano Banana, НьюАрк/NewArc, Стайл 3Д/Style 3D, Лук Фэшн/Look Fashion и ещё 3 сервиса — полный разбор в одном видео! Глаза разбегаются от количества нейросетей? Я собрала 7 лучших инструментов, которые реально пригодятся дизайнеру: от примерок и узоров до 3Д-моделирования. В ролике: 🕒 00:00 - Зачем вообще столько нейросетей? 🕒 00:17 - Нано Банана/Nano Banana (Леонардо ИИ/Leonardo AI) — 150 токенов бесплатно каждый день 🕒 01:41 - НьюАрк/NewArc — эскиз + ткань = фотореалистичные изображения 🕒 03:35 - НьюБлэк/NewBlack — Сервис с доской вдохновения, для возрастных и plus-size моделей 🕒 06:30 - Стайл 3Д/Style 3D — 3Д и примерка на животных 🕒 08:50 - Фермат/Fermat — для командной работы (дорого, но мощно) 🕒 11:15 - Лук Фэшн/Look Fashion — режим реального времени и работа с АйПад/iPad 🕒 12:43 - Паттернд ИИ/Patterned AI — бесшовные узоры и примерка на изделии ➕ Бонус: ссылки на все сервисы и бесплатный гайд 50 нейросетей — в описании! 📺 Смотреть на YouTube 📺 Смотреть Rutube 📺 Смотреть VK 📺 Смотреть Дзен Сохраняйте, чтобы не потерять, и покажите тому, кто тоже хочет прокачать свои дизайн-проекты с помощью ИИ 🔥 Я в ВК | Я в Мах
Способ супер, но не всегда работает, как хотелось бы😂
Часто пользуетесь этим способом? Работает? Делитесь в комментах
Думали это всё? А нет!
Продолжаем с итогами второго сезона нашего рейтинга. Хотим внести небольшие корректировки в прошлый пост: Физические награды получают только ТОП-1 из каждой категории: Все, Бизнес и Дизайнеры. Так получилось, что тройка победителей в категории «Бизнес» совпадает с тройкой из категории «Все», поэтому не видим смысла дублировать и хотим сразу объявить ТОП-3 участников из категории «Дизайнеры»: 🎙 — 💙 никита xmentors.ru 🎙 — 💙 Дарья Тютикова 🎙 — 💙 Алёна Бровко По итогам второго сезона 2 физические статуэтки от нас получают ребята из 💙 wave и 1 статуэтку забирает 💙 никита Всех участников и их самые популярные работы уже можно посмотреть на сайте 🎙 А для тех, кто хочет легче набирать рейтинг за свои статьи, Дизайнерс подготовили 💙 Бизнес-Подписку — она добавляет чуть больше функционала и открывает больше возможностей в продвижении контента. Используйте промокод «DSGNERS2026» и забирайте 10% скидку на любой период подписки. С уважением, команда дизайнерс 🎙
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Минутка классики:
Кстати, Жан Карлу и его знаменитая работа для рекламы — Зубная паста «Gellé», 1938 год. Получив образование архитектора, он решил стать графическим дизайнером после того, как в результате ДТП лишился правой руки. Он был одним из авангардистов, стоящих у истоков нового европейского плаката. Когда ты архитектор, для тебя очевидно, что формообразование подчиняется единой системе, обратите внимание как линии, углы и окружности иллюстрации сочетаются с формой шрифта.