0: Привет, ты дизайнер. Если ты открыл это видео, ты уже на правильном пути. Нейросети уже вывозят на себе продуктовый ресерч, сборку макетов по дизайн системе, сборку самих дизайн систем. Прототипы это рабочие задачи, которые можно снять с себя уже сегодня.
1: Про это мы и поговорим, с чего вообще начать и как все это сделать возможным. Такие макеты, дизайн системы, проектные документации собираются по 1 промту, по вызову того или иного скила. Делаю это я не руками и вообще ничего не трогаю. Это
2: Агент в моей рабочей среде, и чтобы у тебя было также, тебе не нужно разбираться в десятке Страшных слов. К концу видео у тебя будет такая же среда и файл, который развернёт её за тебя. Если делаешь дизайны, не хочешь оставаться в стороне, хочешь использовать?
3: Самые актуальные методы и не отставать от рынка. Подпишись здесь очень много всего полезного, а тем, кто давно с нами. Спасибо, мы видим вашу активность, ваши лайки нам очень помогают. Итак, у меня уже было видео на эту тему, там я подробно разобрал, из чего вообще состоят агент.
4: Что это такое? Но разобрал, наверное, сильно, глубоко, не на языке новичка. И самый частый отклик после него был такой. Это все, конечно, здорово, но мне ничего не понятно. Это все слишком сложно. Дай просто что-то, с чего можно.
5: Начать. Ну, запрос на самом деле справедливый. Поэтому давай сегодня дам Ровно то, что нужно, чтобы тебе начать всем этим пользоваться и начать сразу правильно, без там месяцев набивания шишек. Давай, прежде чем продолжим, разберём 3
6: Основные, самые главные, как бы вещи термина, из которых это все дело состоит, на которых работает твой агент. Тебе нужно понимать вот буквально 3 основных термина. 1 из них это среда, это по большому счёту, просто папка на
7: Твоём компьютере рабочее место агента, внутри все файлы, с которыми он работает. Файлы это из себя могут представлять как просто набор знаний, так и описание каких-то конкретных правил. Подключённые инструменты, например, когда фигму
8: Ты подключаешь, вся информация об этом хранится вот в этой папочке, в каких-то там отдельных текстовых файлах. Клод код открывает эту папку и работает прямо в ней. И да, я советую использовать именно клод клод код по большому счёту также
9: Это будет работать и там в каком-нибудь кодексе, курсоре и так далее. Но лучше всех работает клод. Он самый мощный, поэтому я использую его и ещё ни разу на другой инструмент не переходил, хотя постоянно за ними слежу. И вот
10: Благодаря тому, что у нас есть отдельная папочка, в которой описано там, я не знаю, ну, если ты дизайнер, то что у тебя за продукт, какие правила, какие исследования ты уже проводил и какие по ним были результаты, все хранится в этой папочке, он помнит, все держит контекст.
11: Текст и, разумеется, с таким инструментом 1 удовольствие продолжать работу, собирать какие-то новые экраны, поддерживать дизайн систему, собирать готовые прототипы и так далее все в 1 общем контексте, который всегда перед глазами у клода.
12: У твоей нейросети, и поэтому результат будет получаться консистентным. Итак, ещё раз, среда это просто папка, в которой это все происходит, в которой все это дело хранится. Следующее, что нам нужно запомнить. Это скиллы, это готовые наборы.
13: Инструкции под конкретную задачу. Как собрать ресерч, как собрать макет по дизайн системе? Как оформить документ? Эти скиллы написаны тоже обычным языком. Как там, я не знаю, памятка сотруднику. Ты говоришь, что нужно. Агент сам подхватывает подходящий скил и идёт
14: По нему это опыт, зашитый в среду 1 раз. И вот, например, как это все, как будет выглядеть мой процесс, если я никакие скиллы не использую, мне там, грубо говоря, вот у меня есть какой-то результат исследования. Я хочу, чтобы по этому результату исследован.
15: Собрались экраны на моей дизайн системе. Что я делаю? Сначала прошу его, вот возьми эти результаты исследований, прочитай их, сделай какие-то выводы, как-то эти знания систематизируй. Посмотрел, как он это сделал. Допустим, мне понрави.
16: Иду дальше. Теперь, исходя из того, что удалось накопать, собери мне гипотезы, собери к ним user flow. Он это делает тут. Мне уже там, например, не понравилось, что он собрал. Я говорю, нет, это неправильно здесь давай глубже. Тут не так, тут ты учёл?
17: То и так далее. Он переделывает результат уже другой. Потом я прошу его собрать экраны. Вот по этому user flow в фигме он либо собирает без дизайн системы, либо собирает на ней, но строго на тех компонентах, что уже есть, не создавая новые
18: Опять же я ему говорю это ты сделал не так, сделай по другому и так далее, это вот flo если скиллы ты не используешь, если нету конкретных навыков под задачи, он выполнит эти задачи, вы вместе с ним это сделаете, но будут какие-то Граб.
19: На которые вы будете наступать и так далее. То есть вы приобретаете в этом процессе какой-то опыт. И после того, как вы прошли этот путь, результат тебя устраивает. Я говорю ему супер. Теперь давай соберём скилл, чтобы потом, ну, у тебя уже
20: Был навык вот прохождения всех этих этапов. И в дальнейшем, когда я прошу его выполнить тоже самое, он учитывает уже там все возможные проблемы, что нужно делать, в какой форме и так далее. Это описано в этом навыке, в этом скиле он обраща
21: К нему и выполняет все так, как следует с 1 раза, и 3 термин это mcp это то, с помощью чего агент дотягивается до других программ ну, по сути это как, я не знаю, разъём в компьютере, через который ты подключаешь другие внешние.
22: Устройство есть у тебя, например, фигма, в которой ты хочешь, чтобы он отрисовывал экраны, в которой, возможно, у тебя там, в faik джеме, например, лежат диаграммы, есть твоя компонентная база и так далее. Это отдельное приложение. И, ну, просто так. Ты не можешь ему сказать. Зайди-ка в мою фиг.
23: И что-нибудь там сделает. Нет, ему нужен определённый тип подключения к этой фигме, чтобы понимать, что вообще в ней происходит этот тип подключения и называется эмсипи. Тоже самое у нас, например, происходит с notion м. Я часто там собираю
24: Проектную документацию, это тоже отдельное приложение, и к нему тоже нужен определённый как бы, формат подход, чтобы агент понимал, че там вообще происходит. Точно также он делает это через эмсипи у всех основных игроков на рынке, там крупнейших, таких как no.
25: Фигма и так далее. Уже есть свои эмсипи сервера, они об этом формате подключения позаботились, поэтому достаточно просто агенту сказать, подключись через эмсипи к фигме, он сам найдёт, что это за эмсипи, где, как и под
26: Включится, даст тебе там возможность полностью взаимодействовать с этим приложением через агента. Это ещё 1 важная штука, которую нужно запомнить. И сразу. Давай ещё 1 вещь отмечу, чтобы ты за голову не хватался, что вот все это мне надо будет собирать.
27: Нет, собирать все это руками тебе не придётся. Среду скиллы подключения разворачивает 1 файл. Тебе нужно понять идею. И дальше файл сделает всю эту работу, этот файл клодом ди, с помощью которого клод сам развернёт всю эту среду.
28: В моём telegram канале ссылка по QR-коду на экране и в описании и ещё 1 немаловажный нюанс если ты из России, то перед стартом тебе нужно будет немного подготовиться, коротко, что понадобится вообще у тебя есть здесь 2 варианта либо ты.
29: Покупаешь готовый аккаунт, используешь впн и пользуешься, пока не заблочат, если у тебя общественный vpn не очень хороший, либо заводишь свой аккаунт, но это сложнее, сложнее, но надёжнее и удобнее коротко, что тебе понадобится во первых, платёжные реквизиты.
30: Номер телефона для регистрации и нормальный vpn, который работает на твоём сервере. Важно, что если ты используешь все это в коде, у тебя реквизиты, там, например, карта должна быть 1 страны. Ну у меня это Казахстан, номер телефона тоже.
31: Казахский и квн на сервере Казахстана это такая цифровая гигиена, которую на самом деле в 2026, наверное, пора уже всем для себя выстроить. Подготовил 1 раз и дальше работаешь спокойно, как все это
32: Сделать пошагово. Я подробно описал в Гайде, который также будет лежать в нашем telegram канале. Итак, предположим, вопрос с регистрацией закрыт. Ты уже в клоде. Что дальше? Ну как зайти на клод? Я думаю, ты и сам разберёшься просто.
33: Через google здесь, внутри. Тебе нужно скачать именно приложение на свой компьютер, чтобы он с этой папкой взаимодействовал. Все это у тебя хранится локально, никуда не улетает. Это тоже очень важно, если ты работаешь.
34: В какой-то там крупной компании, например, в Сбере, конфиденциальность очень важна. Итак, здесь, в нижнем левом углу, ты можешь скачать десктопную версию. Вот здесь она ниже находится у меня mc, поэтому скачиваем для mac os после того,
35: Как ты скачал? Можешь открывать смело приложение. Итак, после того, как ты 1 раз откроешь клод, у тебя будет сначала открыта панель с чатом. Это не тот режим, который нам нужен. Это буквально чатик с клодом. Что-нибудь у него там спросите.
36: Решить какую-то точечную задачу. Нам это не подходит следующая вкладка. У нас коворк тоже не под наши задачи. Здесь ты можешь там собирать для себя какие-то автоматизации рутины вместе с командой над чем-то работать, но это не слишком в наш воркфлоу ложится
37: Это тоже можно смело пропускать. Нас интересует последняя вкладка, которая называется код. Все мы будем выполнять именно в клод коде. Итак, 1, что тебе нужно сделать, это создать свою среду. Как это сделать, как я уже ранее
38: Сказал, среда это не больше, чем папка, внутри которой все файлы. Поэтому, как ни странно, нужно создать эту папку. Здесь выбираем директорию опен фолдер и где угодно создаём свою папку.
39: Давай нажимаем, например, новая папка и назовём её YouTube среда ну, в моём случае итак, папку создали, больше ничего в ней делать не нужно, здесь нажимаем доверять все уже сейчас ты можешь начать с ним работать.
40: Заставлять его проводить какие-то операции, но для того, чтобы у тебя сразу развернулась нормальная среда, с которой ты сможешь продолжить, тебе нужно будет в телеграмме скачать файлик клод Эмди. Так выглядит этот файл. Это просто инструкция для того,
41: Вот у нас есть папочка YouTube, среда закидываем в эту папку этот файл все, теперь клод увидит этот файл, когда мы дадим ему любую задачу итак, здесь снизу можно выбрать модель лучше всего работает.
42: Opus 4 и 8 выбираем его здесь это, можно сказать, уровень, насколько он будет умным, насколько он будет креативным. Если ставить минимальный эффорт, то он будет строго выполнять, что ему сказано, даже если
43: Ты ошибся где-то в описании задачи, там в принципе какую-то глупость, сказал он, сделает Ровно то, что сказано, даже не будет додумывать. Если же у тебя эффорт стоит высокий, то прежде чем выполнять какое-то странное поручение, он подумает так это вроде не
44: Не очень ложится в контекст предыдущих задач. Наверное, имелось что-то другое. Ну и, как правило, я работаю именно в этом режиме форд Макс. Он прекрасно держит контекст, прекрасно докручивает какие-то идеи, которые у меня, возможно, возникнут только на следующем сообщении.
45: Поэтому советую ставить эффорт, Макс, но имей ввиду, что при нём он будет дольше давать тебе ответ, дольше работать и съедать больше лимитов. И что по поводу лимитов в клоде вообще 3 основных тарифа это про
46: 5 x и Макс 20 x про тарифа достаточно для того, чтобы просто попробовать, что вообще здесь происходит, посмотреть, будет ли это работать, сразу скажу тарифа про будет недостаточно для ведения какой-то профессиональной деятельност.
47: Тут как минимум тебе нужен Макс. 5 x. Ну на самом деле для большинства с головой Макс 5 x. Хватит, если же ты ведёшь кучу проектов, если ты не только там занимаешься дизайном, исследованием, но ещё и прототипируешь, собираешь полноценно продукт.
48: Плюс их несколько у тебя там разная деятельность, то тут Макс 5 x. Ты можешь упереться если ты ведёшь какой-то конкретный продукт, тебе на этом тарифе будет максимально комфортно, советую брать его часто тоже в комментах происходит.
49: Истерика по поводу этих самых токенов, что все там съедаются, токены за пару секунд невозможно пользоваться. Там ты заплатишь 1 000 000 $ за выполнение какой-то задачи. Это в корне неправильное утверждение здесь, на подписке у тебя.
50: Выдаются лимиты просто то, насколько сильно ты можешь там задолбать этого агента, в течение 5 часов ставишь ему задачи, заставляешь собирать твои макеты, проводить исследования и так далее. Это все нагрузка, это как бы, да, условно тратятся токены.
51: Как какой-то объём вычислительной мощности. Если ты будешь из него максимум выжимать, то да, ты упрёшься в лимит пятичасовой. Ну как правило, это происходит там часа за 3 активного пользования. Соответственно, от этого пятичасового цикла остаётся 2 часа 2.
52: Часа отдыхаешь, все у тебя сбрасывается этот лимит, дальше мучишь его сколько хочешь, и я уверяю, что на Макс 5 x тебе точно хватит с головой этих самых лимитов, ты даже вряд ли в них упрёшься, поэтому вот эти истерики по поводу того, что ой, а сколько там токенов?
53: Горит или мемы по типу того, что директор уволил всех сотрудников, а потом увидел, что нейронка обходится ему дороже. Это все глупости. Тут все работает не так. Ну и последнее, что тебе, наверное, здесь нужно, это режимы аск пермишенс.
54: Для каждого какого-то изменения файла он будет запрашивать у тебя разрешение ацепт эдит. Это если он хочет внести эти изменения, он просто это сделает плен мод это когда ты не хочешь ни в какие файлы вносить изменения, ничего там кардинально не хочешь менять?
55: Не хочешь собирать сразу экраны, хочешь просто сначала определить, что нам вообще нужно распланировать. Это все. Это такой режим копания подготовки к выполнению задачи. После того, как ты видишь, что так у нас есть чёткий план, мы понимаем, что
56: Нужно делать агент сам это все дело понимает. Он к этому моменту, скорее всего, сам тебе предложит переключиться на следующий режим. Он называется автомот. Это режим, в котором он сам понимает, что может критически повлиять на твой
57: Проект, а что не является важным изменением? Соответственно, он не пропускает все разрешения, но и не спрашивает тебя. По каждой мелочи он адаптируется, и если нужно, по его собственному мнению, он спрашивает у тебя разрешение, если это мелочь, то нет. Ну и
58: Permissions, режим, в котором он вообще делает, что хочет, не спрашивает у тебя совершенно разрешения. Если среда твоя идеально не отлажена, не установлены чёткие правила по безопасности. Этот режим может быть опасным. Поэтому автомот
59: Оптимальный режим. Итак, клодом ди, у нас тут есть. Давай теперь попросим его собрать эту самую среду. Прочитай файл клодом ди и разверни среду здесь, в правой панели. Можем нажать файлс и видеть, посмотреть.
60: Всю нашу среду тут пока лежит только клодом ди. Сейчас он будет разворачивать её, исходя из официальной методологии антропин ропик это если что, те, кто владеют клодом, кто его придумали, создали, они периодически выпускают статьи о том,
61: Как сейчас? Лучше всего его использовать, как эти среды выстраивать. И сам этот файлик клодом ди. Исходя из этого, и собран. Он ознакамливается с файлом. Сейчас мы видим, что спецификация прочитана. Текущая папка содержит только клод ди. Разворачиваю базу по шагам, создаю
62: Структуру каталогов. Ну, здесь нам остаётся только подождать. Вот и все. Долго ждать не пришлось. Он развернул среду. Здесь появилась папочка клод. В ней папка скиллы. Мы уже знаем, что такое скиллы. Здесь они будут у тебя храниться. Здесь ещё папка эмсипи.
63: С описанием тех подключений, которые у тебя есть. Здесь, например, уже фигма эмсипи учтена краткое описание того, где найти там документацию твоему агенту. Опять же, это не для тебя. Это все текстовые файлы для агента. Он использовал их как инструкции.
64: Также сам клод Эмди, в котором описана спецификация твоей среды дизайнера, что тут вообще есть этот файлик, важен для того, чтобы агент всегда помнил, из чего эта среда состоит, чем мы вообще здесь занимаемся, и также файлик readme это уже файл.
65: Для тебя, в котором описано, что к чему в этой среде, чтоб ты, ну, кратко мог пробежаться и понять, и разобраться, из чего твоя среда состоит. Вот после того, как он закончил собирать эту среду, сразу предлагает протестировать, провести продуктовый ресерч, показать файл фи.
66: Собрать 1 скил. В общем, здесь дальше ты уже можешь делать с ним что угодно. Можешь давать ему любые указания, хоть там, я не знаю, собери дизайн систему, давай зайдём в мою фигму, соберём экраны. Здесь он тебя уже проконсультирует.
67: Скажет, куда, как зайти, как там авторизироваться и так далее. Проблема только в том, что пока всего этого он не умеет. И теперь главное, что этим можно закрывать. На самом деле весь продуктовый цикл это там, например, продуктовый ресерч, рынок, аудитория.
68: Её более конкуренты и все это сведённое в готовые выводы, без кучи Сырых ссылок гипотезы приоритизация фич, тот же moscow, что берём в mbp, что позже можно собрать информационную архитектуру, пользовательские сценарии, собрать дизайн системы.
69: Экраны по ней, которые будут консистентны между собой, собрать визуал под твой бренд, кликабельные прототипы, которые открываются и действительно работают, проектную документацию, которую не стыдно отдать команде, и какую-то ежедневную рутину, которую агент берет.
70: Сам на себя по расписанию и яркий пример того, что все это возможно, все, что сейчас ты видишь на экране собрали мои ученики, это и проектные документации, и готовые прототипы, и дизайн системы, и пайплайны для генера.
71: Визуалов все это собрано с помощью клода с какими-то вообще минимальными правками на основном обучении ребята берут свои рабочие задачи или мои идеи и проводят их через весь путь от начала, от идеи до готового результата кликабельного.
72: Прототипа, который реально собирает метрики, основываясь на твоих гипотезах. Все это собрано через агента. Это основное обучение, но сейчас у меня есть ещё и бесплатный мини курс, где мы в демо режиме проходим этот же путь и смотрим, как все работает вживую от id.
73: И до конечного прототипа, который у тебя также будет открываться в браузере, кейсы, которые ребята там собирают, выглядят сильно. Вот, кстати, примеры кейсов, которые ребята там уже собирают, выглядят очень живо, интересно, заходят вообще разные ребята. И этот мини курс
74: Совершенно бесплатный, переходи по ссылке в описании или по QR-коду на экране итак, среда у тебя готова теперь как двигаться дальше, ты можешь в telegram забрать файлы, развернуть среду, начать ставить задачи все это возможно уже прямо сегодня.
75: И это нормальный путь, но это путь проб и ошибок. Где-то агент уйдёт не туда, где-то придётся искать нужную формулировку, дообучать его, достраивать под себя. Так на старте у всех здесь, кстати, видно, как меняется профессия раньше.
76: Дизайнер все делал руками. Теперь его задача в другом собрать процесс и точно настроить его работу. Руками работает агент. Всю рутину он берет на себя. Ты выполняешь роль дирижёра. Этот навык сейчас и нужен. Важна именно твоя экспертность как специалиста, а не
77: Просто, чтобы ты экран из компонентов уже готовых собирал, занимался вот этой рутинной работой для того, чтобы выстроить такой процесс, и все работало как часы, нужно потратить немало времени. Если не хочешь собирать это все самостоятельно, проходя по граблям. Есть и более короткий путь под задача.
78: Продуктового дизайна уже собраны скиллы и директивы, которые могут забирать на себя весь процесс от брифинга и ресерча до дизайн системы прототипа и документации берёшь готовую среду и сразу постепенно решаешь задачи и как это устроено внутри, и сами гото.
79: Скиллы и директивы я даю на курсе, a native дизайнер эй нейтив дизайнер это про то, как встроить ии в свой привычный процесс и освободить процентов 80 времени, которое у тебя уходит на рутину, на проведение исследований, на систематизацию всего того, что уда.
80: Удалось нарыть на сборку юзерфлоу готовых экранов, прототипов и так далее. Это все отнимает время, и агент справится с этим быстрее, лучше, глубже, чем ты. Твоя роль как современного дизайнера, именно направлять его своей экспертизой и принимать конечные реше.
81: Ознакомиться с полной программой можно по QR-коду на экране или по ссылке в описании итак, что в итоге ты понял как это устроено среда скиллы подключения забрал файл, который соберёт тебе такую же если ты из России, то для обхода ограничений тебе понадобится.
82: Guild, он будет в моём telegram канале, а ещё более подробную актуальную версию ты всегда сможешь найти на курсе. Я native дизайнер. На самом деле про эту тему можно ещё долго рассказывать, как скилы собирать, как это все работает, как свою огромную дизайн систему корпоративную.
83: Скормить клоду так, чтобы он нормально на ней отрисовывал экраны и не уставал каждый час для такого мы регулярно проводим прямые эфиры и записываем эти видео, если что-то осталось непонятным или про что-то хочется подробнее узнать, обязательно напиши в комментариях, мы опираемся именно на них.
84: При создании контента. Ну и чтобы не пропустить весь этот полезный контент, обязательно подпишись, мы регулярно проводим эфиры и выпускаем новые видео. И я говорю, это в конце каждого видео вас заменит не нейроссеть, вас заменит человек, который умеет ей пользоваться. Лучше вас. На этом все.
85: До встречи в следующих видео.