Продолжаем делать концепты и тестировать Claude Code: делаем интерактивный слайдер на сайте☺️

→ Higgsfield + Figma MCP + Claude Code Благодаря инструкции Claude сможет быстрее сообразить как сделать такой слайдер 💻 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты + те файлы, что вы будете делать по инструкции)/либо загружать её в чат с Claude с ссылкой на макет и другие материалы 2. Важно повторять все те действия, что описаны в ней – там пошагово сказано как и что делать не только с точки зрения верстки, но и как подготовить материалы ⚠️Обратите внимание, что помимо инструкции Claude нужно дать макет в Figma (с включенным MCP и загруженными фотографиями) + фото, видео 360° для каждой модели при ховере (всех моделей + видео я генерировала в Higgsfield, используя Nana Banana Pro и Kling) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

В видео я рассказала пошагово цепочку действий – посмотрите для начала его!📹 Благодаря моей инструкции Claude сможет быстрее сообразить как сделать такую 3D 🔠 (это не отдельно загруженная 3D-модель, все эти буквы описаны прямо в коде, соответственно, вы сможете поменять их на свои) → 1. Инструкцию нужно складывать в ту же папку, где у вас лежат все файлы по сайту (в данном проекте шрифты + те файлы, что вы будете делать по инструкции)/либо прикреплять её к чату с ссылкой на макет и другие материалы (но я советую работать из папки) 2. Также важно повторять все те действия, что описаны в ней – так как там пошагово сказано как и что делать не только с точки зрения дизайна, но и как подготовить материалы ⚠️Я постаралась сделать эту инструкцию еще легче и понятнее, чем предыдущую – никакие дополнительные материалы/файлы, кроме макета в Figma + шрифтов, вам не понадобятся (все остальные файлы вы делаете сами по инструкции) Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

В видео я рассказала пошагово цепочку действий – посмотрите для начала его!📹 Благодаря моей инструкции Claude сможет быстрее сообразить как сделать скролл по видео + пространственную галерею → 1. Инструкции нужно складывать в ту же папку, где у вас лежат все файлы по сайту (шрифты, фото, видео и т.д)/либо прикреплять её к чату с ссылкой на макет и другие материалы (шрифты, фото, видео и т.д). 2. Также важно повторять все те действия, что описаны в ней – так как там пошагово сказано как и что делать не только с точки зрения дизайна, но и как подготовить материалы Ссылка на инструкцию🔗 *Выше я делала инструкцию как скачать/зайти/установить Claude #полезное #клод

Сегодня я написала для вас целую инструкцию по настройке среды для дальнейшей работы с Claude❗️ Я очень часто в роликах и историях говорю: не получится сделать сайт нажав лишь одну кнопочку в строке запросов у Claude какой бы у вас подробный промпт не был! Так что сегодня как раз про все, что вы должны знать для начала работы → так что выделите себе 2-3 часа свободного времени, чтобы во всем разобраться, это не так просто☺️ 🔗Ссылка на инструкцию (статья лежит в Notion, так что, возможно, вам понадобится VPN) Возможно, вы сейчас увидите инструкцию и испугаетесь… Или скажете «так я вообще ничего не понимаю в разработке»🥲 На самом деле, самый муторный этап это «вкатиться» в это все и понять что к чему, дальше – легче. Вам не нужно писать код для создания сайтов, не нужно разбираться в разработке – этот процесс не про это!😳 Как я уже говорила – я не представляю профессию дизайнера будущего без этого навыка, он очень оптимизирует и ускоряет твою работу. Согласитесь, собрать за день 1 презентацию и целых 10 таких же – это большая разница?✅ В общем, приятного чтения, если что будет непонятно – спрашивайте. И, конечно, буду рада вашим реакциям✨ #полезное #клод

Собрала также в связке Figma MCP + Claude Code. На днях выложу инструкцию по тому, как я делала этот сайт + еще какой-нибудь хочу концепт сделать и разобрать его тут) А фанаты Наночки тут?👉 #кейсы #клод

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

Из разряда: «нейросети вас заменят», «сайт за одну кнопку» – ну да, конечно =) Но потом я зашла, разобралась и… немного в шоке За последние дни я плотно копалась в нем с точки зрения дизайна и вайбкодинга — и скажу так: это не про «сегодня заменит всех», это про то, как сильно изменится рынок уже завтра⬆️ Мои небольшие выводы к сегодняшнему дню: 🌱дизайн-процессы уже приходится пересобирать в своей команде 🌱многие компании начинают требовать это как навык 🌱часть задач реально ускоряется в разы → но без понимания, как это работает, будет просто мусор на выходе И да, проблема инфополя в том, что все пытаются «запихнуть скрин → получить сайт»🤡 Так это не работает (пока) Зато если разобраться — открываются очень сильные возможности! Поэтому в моем канале начинается серия постов про Claude, буду разбирать: — как им реально пользоваться — как встроить в работу — как делать дизайн/сайты/сервисы — и где там подводные камни (под хештегом #клод) Оставайтесь, будет много практики и инструкций, с вас как обычно реакции! 🤍 #полезное #клод

Anthropic выкатили Claude Design. Это инструмент, где можно текстом описать идею, а Claude соберёт визуал: прототип, презентацию, лендинг, one-pager или первый макет интерфейса. На первый взгляд звучит как очередное «ИИ теперь заменит дизайнеров», но мне кажется, тут интереснее другое. Они делают его явно не только для дизайнеров. Он целится в продактов, фаундеров, маркетологов и всех людей в команде, у кого есть идея, но нет навыка быстро превратить её во что-то визуальное. То есть первый черновик интерфейса теперь сможет собрать почти любой человек. И это меняет не саму профессию дизайнера, а точку входа в дизайн. Первый красивый вариант почти никогда не равен хорошему продуктовому решению Раньше дизайнер часто был первым человеком, который переводил мутную мысль в экран. Приходил продакт с «давай сделаем вот такую штуку», а дальше дизайнер распутывал сценарий, структуру, состояния, ограничения, тексты, логику и визуал. Теперь часть этой работы можно будет быстро накидать через ИИ. Но проблема в том, что такой макет может выглядеть нормально и при этом вообще не учитывать реальные сценарии, ошибки, ограничения разработки, поведение пользователей и метрики. Поэтому я бы не драматизировал. ИИ отлично ускоряет момент «давайте хоть что-то посмотрим глазами». Это правда полезно, потому что меньше времени будет уходить на пустой лист, первые наброски и попытки объяснить идею словами. Но ценность дизайнера всё больше будет смещаться из «я умею красиво собрать экран» в «я понимаю, какой экран вообще нужен, зачем он нужен, где он сломается и как доказать, что это решение работает». Плохая новость для тех, кто держался только на визуале. Хорошая новость для тех, кто умеет думать продуктом, задавать неудобные вопросы, работать с ограничениями и доводить идею до живого результата. Мне кажется, дальше таких инструментов будет всё больше, и рынок очень быстро начнёт отделять дизайнеров, которые просто делают макеты, от дизайнеров, которые реально влияют на продукт. Что думаете? Уже юзали дизайн клода?)) Как вам? Похороны отменяются, пока что Это мой первый экспериментальный пост, буду иногда писать мысли про какие-то дизайн инструменты или новости) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🤯 Сложна объяснять именно МАШИННЫМ языком сукабля А ещё я дважды за день всадил все лимиты клода за 100$ 😭

Если сейчас открыть вакансии, картина в целом понятная. Фигма уже давно база, насмотренность тоже. А вот дальше почти везде начинают мелькать Курсор, Клод, Мижорня и другие AI инструменты. То есть AI навыки из «будет плюсом» довольно быстро перешли в категорию «ну это уже надо уметь». Но проблема даже не в этом. Названия инструментов знают уже почти все. А вот нормально встроить их в рабочий процесс умеют пока немногие. Обычно как бывает. Нагенерил интерфейс, на первый взгляд вроде ок. А потом смотришь внимательнее: компоненты не из твоей библиотеки, токены кривые, стили живут своей жизнью и половину все равно приходится пересобирать руками. В итоге времени потратил много, токены сжег, а профита не так уж и много. 🗓 7 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведет бесплатный эфир как раз про это. Покажет не абстрактные советы, а нормальный процесс на реальной задаче. Возьмет кейс от крупной красной корпорации из РФ: сложный интерфейс, сайдбар с вложенными сервисами, два типа пользователей и своя дизайн система. В общем, та самая история, на которую обычно уходит несколько дней только на макеты, а потом еще ждешь, пока все это закодят. 🔥 Что покажет? На эфире соберет это за час через Antigravity с Claude Code внутри. Покажет, как перенести дизайн систему так, чтобы AI сам подтягивал правильные компоненты, и как быстро собрать прототип, который уже можно тестировать. Плюс отдельно покажет, как вкатиться в такой агентский воркфлоу без лишних затрат. Если давно хотели понять, как AI реально использовать в продуктовой работе, а не просто гонять красивые картинки, выглядит полезно и актуально на текущий год точно) Эфир будет у ребят в канале, вэлком 🔠 Смотреть эфир 🔠 Смотреть эфир 🔠 Смотреть эфир

Особое место в эстетике бюро занимает искусство, поскольку Олег Клодт происходит из династии художников и скульпторов. Его проекты узнаваемы по сдержанной элегантности, балансу простоты и изыска. Во всех работах стиль бюро остается благородным и современным, завоёвывая признание не только в России, но и на международной арене. Об одном из проектов бюро, квартире в арбатских переулках — в главе из книги «OLEG KLODT. Architecture & Design». 🌸 Читать на сайте TATLIN #статьи

Холст, масло. 58 х 79 см Моне Клод (184-1926) Музей Бойманса-ван Бёнингена 👩‍🎨Пейзаж на холсте

Расскажите, а вы кодили нейросетями? Использовали в работе ЧатГПТ, Клод, Курсор или что-нибудь ещё? Что прикольного получилось с ними сделать? А что не получилось, несмотря на все старания? Что выходило легко, а что бесило? Что бы вы хотели узнать про вайб-кодинг? Или вы против нейросетей? Или вы сами нейросеть? Хотим послушать про ваш опыт!

МТС продолжает писать на Хабре про Англию прошлых веков, в которой, видимо, изобрели все социальные сети настоящего. https://habr.com/ru/companies/ru_mts/articles/

Как звучит «Мона Лиза»? Вот такие проекты меня радуют. Они сделаны не ради хайпа, а с целью реальной помощи. Dolby (системы обработки звука) X RNIB (британская благотворительная организация, помогающая людям с нарушениями зрения) создали «Звук шедевра», чтобы позволить слепым людям по всей Великобритании воспринимать искусство так, как никогда раньше. Это мультисенсорный проект, где саундтрек сочетает визуальное искусство с иммерсивным звуком, переосмысливая художественные шедевры посредством музыки. Такой уникальный слуховой опыт позволяет тем, кто не может видеть произведение искусства, услышать и почувствовать его совершенно по-новому. Например, «Мону Лизу» да Винчи и «Крик» Эдварда Мунка. Это реальный вклад в повышение доступности искусства — пространственное аудио используется для передачи эмоций, текстур и контрастов в произведениях искусства совершенно по-новому. Трек-лист альбома Sound of a Masterpiece: • Мона Лиза – Леонардо да Винчи • Пруд с водяными лилиями – Клод Моне • Крик – Эдвард Мунк • Автопортрет с терновым ожерельем и колибри — Фрида Кало • Большой всплеск – Дэвид Хокни • Цари Египта – Жан-Мишель Баския • Постоянство памяти – Сальвадор Дали Его можно послушать → тут Послушать авторов проекта → тут

Лев — основатель студии SPELLLENS , где он миксует коммуникационный дизайн, видеопродакшн и генеративный ИИ. За плечами у Льва 10 лет опыта в дизайне, несколько стартапов в нейрокоммуникациях и престижные награды Dprofile Award в номинациях «Нейросети», «Анимация» и «Проект года». На стриме Лев поделился своим опытом в области применения ИИ: как и где его уместно использовать, какими инструментами лучше пользоваться, какие навыки при работе важны и про многое другое. Лучшие нейронки, которые Лев советовал и упоминал на стриме Платные: https://www.krea.ai/ — универсальный комбайн Ai-инструментов. Умеет генерировать изображения и видео. Есть функция редактирования изображений и многое другое. Лучший сервис для старта. https://claude.ai/ — Клод. Самый человечный текстовый ИИ. Умеет принимать на себя разные роли и прекрасно справляется с креативными задачами. https://www.udio.com/ — Юдио. Лучший генератор музыки для фона/трейлеров/шоурилов и прочего. https://preview.reve.art/ — REVE. Диффузионная модель нового поколения генерации изображений. https://chatgpt.com/ — после последних обновлений, пожалуй эта мастхев ИИ для огромного спектра задач. Бесплатные (или условно): https://raphael.app/ — генератор изображений на базе FLUX. https://www.perplexity.ai/ — мощный текстовый ИИ на базе deepseek. Обязательно посмотрите. Или послушайте аудио в первом комментарии.

Видео созвона получилось не особо развлекательным: я там периодически туплю, хожу кругами и не всегда получаю, что пытаюсь. Всё как в жизни. Но, если вдруг вам интересно посмотреть, как оно в жизни, видео в комментах.

Проснулись и танцуют все. Вот, смотрите, интеграция Cursor, Blender и Tripo3D. Тут как бы и десктопный Клод не нужен. Но нужен Курсор, настройка которого не всем покажется простой. См видео. После чего вы просто открываете окно Курсора и ну вайб-тридешить в Блендоре на стероидах ИИ-генерации и анимации. Но во все этой истории с MCP есть пара моментов. 1. Думаю, появятся MCP с вирусами, будьте внимательны. MCP могут иметь полный доступ к вашим файлам с разрешением на запись. Помните историю с Комфи? А написать и выложить MCP может любой. 2. Гляньте сюда - https://zapier.com/mcp Это уже мета-уровень автоматизации, который не ограничен решениями, имеющими API. Это уже доступ прямо в приложения. Вот тут наверное уже можно говорить про конструктор агентов. Думаю make и n8n скоро подтянутся. @cgevent

Matthieu Lorrain, креативный лид из Google DeepMind, показал, как при помощи Клода происходит взаимодействие с Blender. 🚀 Blender + ИИ = Будущее 3D-креатива? Теперь можно создавать полноценные 3D-сцены в Blender, просто вводя текстовый запрос. 🤯 💬 Claude теперь напрямую взаимодействует с Blender для создания 3D-контента благодаря MCP (Model Context Protocol). 🔗 Что такое MCP? Представьте себе USB-C для ИИ — универсальный способ безопасного подключения ИИ к живым данным, инструментам и программному обеспечению. Интерфейсные паттерны перекочевряживаются прям на глазах! 😜

С тех пор как я обзавелась таким помощником, каждый день открываю новые горизонты. Вчера, например, получила сертификат о прохождении первой части курса по ИИ-агентам. Уверена, что запуталась бы в этом лабиринте терминов, если бы не Клод — он терпеливо объяснял каждое понятие и помогал разбираться с практикой. Представьте: я даже не умею программировать, но благодаря ему каждая строчка кода стала понятной! Правда, темп у меня не самый быстрый — на материал недельной программы ушел целый месяц. Единственное, что немного огорчает — такой помощник пока не может работать конструктором, даже немножко помочь с ежедневной рутиной не в состоянии. Хотя, если подумать, это и к лучшему! По крайней мере, нас не так скоро заменят машины.