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

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

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

И это заблуждение встречается не только у обывателей. Одна из главных ошибок начинающих дизайнеров - рисовать одежду на абстрактном «стандарте», который существует только в их голове. В реальности же дизайн — это работа с геометрией и архитектурой тела. ➡️ Для дизайнера важно понимать типы фигур не ради теории, а ради безупречной посадки. Ведь одна и та же модель изделия будет смотреться абсолютно по-разному на: ➡️ Песочных часах с выраженным балансом; ➡️ Груше с акцентом на бедра; ➡️ Яблоке с объемом в центре; ➡️ Прямоугольнике с атлетичным силуэтом; ➡️ Треугольнике с активной линией плеч. Если вы работаете с одеждой, важно перестать рисовать «воздух» и начать понимать, как реально распределяются объемы. Нельзя создать идеальный силуэт, если вы не видите базу, на которую он ляжет. Чтобы упростить себе задачу и перестать гадать, используйте профессиональные шаблоны в реалистичных пропорциях. Это помогает: — проектировать одежду под конкретный запрос и фигуру; — видеть реальную посадку еще на этапе эскиза; — создавать коллекции, которые подходят живым людям, а не манекенам; — видеть форму, а не свои фантазии о ней. Хороший дизайнер работает не с мифами, а с пропорциями. Скачать ШАБЛОНЫ

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

➡️ Если вы дизайнер, швея или работаете в хендмейде - в мае будем учиться самим собирать себе образы, примерять идеи, тестировать одежду, прически и луки с помощью ИИ. ❕ Без стилистов, долгих съемок и бесконечных примерок. Вы сами сможете видеть, как может выглядеть вещь, образ или новая подача именно на вас или на вашей модели. Внутри месяца: виртуальная примерка, Nano Banana, Leonardo, промпты для ракурсов и фигур, прически, Pinterest-борды и сборка готовых луков. Это месяц для тех, кто хочет использовать ИИ не ради красивой игрушки, а для работы, контента, вдохновения и своего визуального стиля. В мае становимся сами себе виртуальными стилистами. ВСТУПАЙТЕ В КЛУБ ПО ССЫЛКЕ

Чтобы вообще был не нужен тот этап, когда скроллишь бесконечный поток вариантов до ряби в глазах 😵‍💫 А теперь представьте, что искать вообще не нужно. 🪄✨ Просто открываешь файл и дизайнишь нужные слова сам.Спокойно, в творческом потоке, на вдохновении. Не как что-то усложняющее жизнь, а как естественное продолжение своей работы и чистое творчество. 🐸 Нужен детский проект — ты чуть смягчаешь форму, даёшь буквам разную ширину, добавляешь лёгкую неровность. И слово сразу становится тёплым, живым, как будто его нарисовали от руки. 🐬 Нужен спортивный — ты усиливаешь ритм, даёшь наклон, собираешь форму плотнее. И в буквах появляется напряжение, энергия, ощущение движения. 🐍 Нужен элегантный — ты работаешь тоньше. Чуть меняешь пропорции, расстояния, характер штрихов. И из тех же базовых форм рождается спокойное, уверенное, дорогое решение. И в какой-то момент ты ловишь себя на ощущении, что это легко в своей естественности. Что так и должно быть. Потому что ты – дизайнер. Ты можешь создавать из пятен нужное ощущение и придавать ему форму. И да, это тот самый момент, где работы начинают отличаться. Ты как специалист начинаешь очень-очень-очень сильно отличаться от массы. Если хочется стать таким спецом – приходите на СТРИМ 4 мая. Я покажу как это работает ✨ #этоЗНАК

Собрали всё самое важное в одном курсе: автоматизируйте рутинные процессы и оставьте больше времени на творческие. Курс можно пройти, даже если вы никогда не работали с нейросетями. От базовых настроек — к продвинутым Пройдете путь от написания промптов и генерации изображений до работы с трехмерными объектами и ИИ-агентами. Точно под запрос Научитесь ориентироваться в многообразии инструментов — и подбирать тот, что больше подходит вашей задаче. Новые навыки Расширите набор услуг, научитесь сочетать навыки и находить уникальные решения. Кто преподает? Два дизайн-директора, мультидисциплинарный дизайнер и маркетолог студии «ЦЕХ». → Узнать все подробности и присоединиться. Стартуем уже 4 мая!

Нано Банана/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% скидку на любой период подписки. С уважением, команда дизайнерс 🎙

→ Database — маппинг слоев в фигме с backend данными из JSON, CSV, вставка картинок по https// ссылкам. → Tokens — применение, экспорт, поддержка более 35 типов токенов: number, sizing, spacing, dimenstion, typography, transition, image, color, fill, shadow, glass и другие. → Генерация component и componentSet из JSON (через ИИ можно конвертировать любой компонент (VUE3, React) в JSON и на основе этого кода сгенерировать в Figma точно такой же компонент) → Интеграция дизайна в Storybook → Экспорт переменных из JSON в CSS, Swift, Kotlin прямо из плагина → Поддержка GitHub и GitLab → Поддержка Dev Mode для Frontend разработчиков → Восстановление связей с master компонентом или подключение открепленных инстансов к мастер компоненту → Поддержка Remote соединения с Agent AI Install plugin

РКН официально запретил участие в рейтинге от дизай.. На днях мы закрыли рейтинг — очки больше не набираются, позиции зафиксированы. Рады объявить тройку победителей, которые получат от нас памятные физические статуэтки: 🎙 — 💙 wave 🎙 — 💙 Пинк: креативное ателье 🎙 — 💙 duo sapiens* Посмотреть полные результаты второго сезона рейтинга можно тут. В течение недели сделаем пост с результатами во всей нашей медиасети и свяжемся с победителями, чтобы отправить им статуэтки! Кто был близок к победе, не расстраивайтесь, мы рады сообщить, что сразу после второго сезона, мы запускаем третий! Принимайте участие, мы верим, что у вас всё получится 🎙 С любовью, команда дизайнерс 🎙

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Когда дизайнер услышал, что глюкоза в сладостях помогает креативности. Сахар и сладости могут оказывать временное положительное влияние на креативное мышление, но этот эффект скорее связан с психологией и удовольствием, чем с питанием мозга, сообщают исследователи. 

Кстати, Жан Карлу и его знаменитая работа для рекламы — Зубная паста «Gellé», 1938 год. Получив образование архитектора, он решил стать графическим дизайнером после того, как в результате ДТП лишился правой руки. Он был одним из авангардистов, стоящих у истоков нового европейского плаката. Когда ты архитектор, для тебя очевидно, что формообразование подчиняется единой системе, обратите внимание как линии, углы и окружности иллюстрации сочетаются с формой шрифта.

Захотелось напомнить как сто лет назад выглядели дизайнеры, художники и архитекторы. Баухаус

⚡за 5 минут без дизайнера и бюджета Вы когда-нибудь пробовали продавать свое изделие по фотографии, которую сняли на телефон в домашних условиях? Я — да, и прекрасно знаю это чувство, когда изделие получилось красивым, а показать его получается так, будто вы продаёте носки на рынке: один снимок на вешалке, плохой свет и никакого настроения😔 ❕ Но сегодня всё иначе👇🏻 Всё, что вам нужно — это одно исходное фото вашего изделия, например, на вешалке или на полу. Все остальное сделает российский ИИ-сервис «Айдентика». И это только один из шести инструментов, которые вы сможете освоить на марафоне "ИИ для создания упаковки, виртуальной примерки и нейрофотосессии". Старт 12 мая, 7 дней. ПРИСОЕДИНИТЬСЯ К МАРАФОНУ

Поэтому — открываем вакансию! Ищем руководителя направления 3D-дизайна в МТС Банк: с большим опытом, прикладными навыками и пониманием финтех-индустрии. Стек: Cinema 4D (Redshift или Octan), Adobe СС (PS, AI), Figma, генеративные нейросети (Nano Banana и другие). Основные задачи: ⚫️ руководить командой 3D-дизайнеров, проводить ревью и осуществлять арт-дирекшн; ⚫️ разрабатывать и внедрять 3D-стили, гайдлайны и стандарты качества 3D-контента; ⚫️ принимать участие в брифингах и подготовке технических заданий и согласовывать их с заказчиками; ⚫️ заниматься постоянным улучшением процессов работы команды, внедрять новые технологии и инструменты (прежде всего ИИ); ⚫️ выстраивать взаимодействие с другими подразделениями для реализации комплексных проектов; ⚫️ снимать метрики и формировать отчёты о работе направления руководства Дизайн Студии. Как откликнуться? Заполняйте анкету. Мы изучим ваши ответы и, если друг другу подойдём, обязательно напишем. @mtsfintechjobs

Разговор про нейросети в искусстве обычно начинается с фразы «это всего лишь новый фотошоп». Олег Пащенко спорит именно с этим. Его мысль простая: кисть, камера или Photoshop не спорят с автором, а генеративная модель спорит. Она интерпретирует запрос, принимает сотни микрорешений сама и возвращает результат, который почти никогда не совпадает с замыслом полностью. Из-за этого меняется сама роль автора. Раньше автор скорее воплощал идею. Теперь он все чаще отсекает лишнее: формулирует промпт, выбирает из вариантов, режет, удаляет, дорабатывает, оставляет одно и выбрасывает девяносто девять. То есть главная творческая функция смещается от производства к выбору и ответственности за этот выбор. Внутри: – Почему генеративную модель уже сложно считать просто послушным инструментом; – Как промпт сам по себе уже искажает и сужает исходный замысел; – Что автор на самом деле теряет, когда переводит идею в текст для модели; – Почему результат генерации может быть одновременно и беднее, и богаче исходной идеи; – Как Пащенко показывает это на примерах с Тарковским и православной иконографией; – Почему Midjourney умеет копировать настроение, но часто не понимает структуру и смысл; – Как возникает «рой» уникальных, но слабо различимых изображений; – Почему в мире генеративного визуала главным жестом автора становится не создание, а отсечение. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Canva выкатила Canva AI 2.0, и это, кажется, один из самых понятных сигналов для digital-дизайнеров, графических дизайнеров, SMM-дизайнеров и всех, кто каждый день делает баннеры, презентации, обложки, лендинги, ресайзы, креативы и пачки визуалов под разные форматы. Потому что Canva уже давно не просто «редактор для недизайнеров». Она постепенно становится местом, где маркетолог, предприниматель или команда могут сами закрывать большую часть визуальных задач. Теперь ещё и через ИИ: описал, что нужно, а Canva собирает презентацию, рекламный макет, пост, таблицу, страницу, кампанию или сразу несколько вариантов под разные каналы. Canva не забирает у дизайнера вкус. Она забирает у него рутину, на которой многие держались годами. И вот тут неприятный момент. Очень много digital-задач на рынке держатся не на глубокой идее, а на скорости и аккуратности. Сделать баннер, адаптировать в 5 размеров, собрать презентацию, оформить карточки, быстро накидать лендинг, привести всё к бренду. Раньше это была нормальная оплачиваемая работа руками. Теперь всё больше таких задач будет закрываться внутри команды без отдельного дизайнера. Это не значит, что digital-дизайнеры исчезнут. Но точно значит, что просто «уметь красиво собрать» станет слабым преимуществом. Потому что красиво и быстро теперь сможет сделать инструмент. А вот придумать визуальную систему, удержать стиль бренда, сделать креатив не шаблонным, собрать сильную кампанию, понять аудиторию и не скатиться в одинаковый нейровизуал - это уже другая история. Мне кажется, для digital-дизайнеров главный вывод такой: надо уходить выше по уровню задачи. Не быть человеком, который просто исполняет «сделай красиво», а становиться тем, кто понимает, почему это должно выглядеть именно так, как это будет работать в рекламе, где нужен акцент, где нужен ритм, где бренд теряется, а где визуал превращается в очередной шаблон из интернета. Canva сильно ускорит слабый и средний визуал. И его станет ещё больше. Поэтому хороший диз наоборот, будет ценнее, если умеет делать не просто аккуратно, а узнаваемо, осмысленно и с идеей. Сильнее будет выделяться тот, кто умеет придумать визуальный ход, собрать не шаблонную подачу, почувствовать бренд, сделать так, чтобы креатив не растворился в общей нейро-ленте. Потому что когда у всех появится кнопка «сделать красиво», настоящая разница будет не в кнопке, а во вкусе, насмотренности и умении принимать визуальные решения. Я, кстати, канвой никогда не пользовался, но знаю, что её любят 9 из 10 дизов. Там ещё и история создания интересная и история основательницы тоже, когда у неё была сотня отказов от фондов и прочих) В итоге они стали миллиардной компанией. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Взгляд ритейл-дизайнера сквозь цифры и психологию 👉🏼 ☝🏻Когда владелец бизнеса заказывает дизайн, он часто думает об эстетике. Но эстетика — это лишь верхушка айсберга. 👉🏼 Моя работа как ритейл-дизайнера начинается там, где заканчивается просто «красиво» и начинается бизнес-аналитика. 1️⃣ Проектирование прибыли, а не мебели. Я не просто расставляю оборудование. Под каждый продукт я проектирую оборудование индивидуально, учитываю эргономику, материалы и принципы визуального мерчандайзинга. ✔️Если у вас премиальный шелк — оборудование должно подчеркивать его легкость, а не «задавливать» металлом. ✔️Модульность позволяет вам менять экспозицию без лишних вложений, адаптируясь под новые коллекции. 2️⃣Навигация и «горячие точки» Дизайнер — это сценарист пути покупателя. Я проектирую зонирование так, чтобы у клиента не было шанса пропустить важные категории товаров. ✔️Я минимизирую «холодные зоны», используя свет, формы оборудования и композиционные акценты. ✔️Покупатель не просто гуляет — он идет по заданному маршруту к кассе. 3️⃣Инфраструктура комфорта Примерочная — это «сердце» конверсии. Если там плохой свет или тесно, покупка не состоится. ✔️Я создаю зоны примерки и сервиса так, чтобы они работали на лояльность. ✔️А грамотно спланированный склад позволяет продавцам не тратить время на поиски, а клиентам — не ждать. 4️⃣ Код узнаваемости Уникальность дизайна — это не самовыражение художника. Это упаковка ценностей вашего бренда. ✔️Продающий дизайн создает узнаваемость, которую невозможно скопировать, потому что она зашита в формах, тактильных ощущениях и эмоции, которую дарит пространство. ‼️Мой проект — это инвестиция в бизнес-модель, где каждый квадратный метр работает на увеличение среднего чека. 👉🏼Ваш магазин готов к масштабированию или требует «реанимации»? Запишитесь на аудит пространства. _______________ #обомне #fashionретейл #ритейлдизайн #продажи