Недавно я спроектировал и выпустил кастомный скин для плеера Video.js v10. Он уже доступен на Vercel, скоро появится на сайте mux.com, и я создал его сам.
Эта последняя деталь до сих пор меня удивляет. Я не разработчик. Я начинал свою карьеру с верстки книг в InDesign, и в начале этого года втайне надеялся держаться от ИИ подальше. Все изменилось. Скорость порадовала, но больше всего мне запомнилось то, насколько естественно ИИ вписался в привычный мне инструментарий.
LinkДизайнер книг в душе
Я традиционный графический дизайнер. Возможно, мастер на все руки, но определенно не разработчик. Моей первой работой после учебы была в основном верстка книг, в частности музейных каталогов. Я верстал все вручную в InDesign. Многие книги, над которыми я работал, насчитывали более 400 страниц.
Со временем я перешел и к дизайну сайтов, а сегодня считаю себя просто бренд-дизайнером. Я делаю понемногу всего. Но чем бы я ни занимался, я всегда начинаю с чистого листа и запускаю процесс вручную. Исследования «вручную». Эксперименты. Набрасывание форм, цветов и текста на компьютере, чтобы появилось то, на что можно откликнуться. Это медленный процесс, но осознанные решения вкупе с приятными неожиданностями в итоге складываются в то, что кажется правильным.
LinkУилл Смит, едящий спагетти
К началу 2026 года ИИ практически утвердился в качестве ключевой части инженерного процесса. Шесть месяцев спустя почти каждый инструмент дизайна, который я использовал, также получил ИИ-апгрейд.
Но я относился к этому скептически. Все, что я мог себе представить, — это Уилл Смит, едящий спагетти. Это ведь было совсем недавно, верно? Насколько полезной для меня могла быть эта халтура?
Что касается кода, тут мне все более понятно. Там есть плюс-минус правильный ответ, и машина может проверить свою работу. Но трудно представить себе хороший дизайн без процесса и контекста — не только лишь результата. Я не видел, где подобный инструмент мог бы пригодиться.
Поэтому я держал ИИ на расстоянии. Я не был уверен, что инструмент окажется полезным, и, честно говоря, не был уверен, что смогу правильно им пользоваться, даже если он таким станет.
LinkМир не стал ждать
А затем мир двинулся дальше. Мои коллеги уже плавали на глубине, пока я барахтался на мелководье.
Однажды у меня возник список правок по дизайну для новой веб-страницы. Я начал делиться ими с коллегой-разработчиком, но вместо совместной работы он тегнул Claude в Slack и сказал мне спросить напрямую.
Я так и сделал. Вместо того чтобы прорабатывать мельчайшие детали с разработчиком, я передал список изменений Claude. Он внес их быстро. Я также смог попробовать несколько разных вариантов, не чувствуя себя обузой. Просмотр результатов в браузере помог мне доработать все еще лучше.
Это была первая трещина в моем скептицизме… или даже в моей неуверенности. Теперь я почувствовал силу. За следующие несколько месяцев использование ИИ вошло в привычку: больше запросов на изменения через Slack, подключение Figma к Claude, создание макетов в Figma, загрузка в Claude и получение первой версии тестового сайта для проверки.
LinkЗадача: скин для Video.js v10
Настоящей проверкой стал Video.js v10. Он уже вышел в статус GA, и мы переводим маркетинговый сайт и документацию Mux с Mux Player на Video.js v10. Мы начинаем со стандартного скина, но мне поручили спроектировать кастомный, чтобы сделать его уникальным, а также самостоятельно его сверстать и развернуть. Документации хватало, но самостоятельно писать код для собственного дизайна? Это была новая территория.
Настройка всего оказалась удивительно простой. Установить Node.js, использовать навык Video.js из руководства «Build with AI» и создать бесплатный аккаунт на хостинг-платформе. После этого я запустил процесс с помощью простого промпта в Claude Code:
«Создай скин для video.js на основе сайта mux.com. Обрати внимание на то, как у них оформлены иконки... острые углы, бруталистский стиль, обманчивая простота, иногда игривость».
Спустя тридцать минут у меня был рабочий плеер, размещенный на Vercel, и я взаимодействовал с ним в браузере. И это должна была быть самая сложная часть! Технический барьер. Все, что было дальше, казалось естественным и, честно говоря, даже немного захватывающим.
LinkFigma, Claude Code, браузер, повторить
Claude не заменил существующие инструменты — он просто расположился между ними. Мой процесс превратился в цикл:
- Отправить промпт в Claude Code для получения начального результата: получить что-то рабочее, пусть даже грубое, в качестве отправной точки
- Посмотреть на результат в браузере и повзаимодействовать с ним
- Написать еще несколько промптов для базовых доработок (отступы, размеры, цвета, поведение): быстро решить простые задачи
- Когда что-то требует более глубокого осмысления, вернуться в Figma и набросать варианты
- Проработать детали вручную: иконки, например, проходят полноценный процесс отрисовки и доработки — так же, как я бы дорабатывал любой другой элемент
- Передать полученный дизайн обратно в Claude для реализации
- Снова в браузер. Повторить.
Каждый инструмент делает то, что у него получается лучше всего. Figma по-прежнему остается местом для творческого поиска и размышлений. Браузер — местом для оценки. А Claude Code сократил пропасть между ними — пропасть, которую раньше я преодолевал с помощью документации для передачи макетов, пометок и огромного терпения разработчиков.
Это казалось невероятно плавным и органичным. Мне больше не приходилось выбирать между дизайном и разработкой. Я мог переключаться между ними так же быстро, как у меня формировалось мнение.
LinkОт испуга к уверенности
В начале 2026 года я был напуган. Не столько мыслью о том, что ИИ заменит меня, сколько неведением, с чего начать, и тревогой, что я буду использовать его плохо и тем самым подтвержу собственный скептицизм.
Как только я решился и попробовал, страх быстро ушел. Начать оказалось проще, чем я думал, а то, что я больше всего боялся потерять, никуда не исчезло. Вкус, оценка, ручное мастерство — все это по-прежнему оставалось моей работой. Это была именно та часть, которую Claude постоянно от меня ждал.
Если вы дизайнер, который все еще стоит на мелководье, начните с чего-то, что вы в любом случае собирались спроектировать. Реальный проект с реальным дедлайном научит вас большему, чем любое руководство. И не забывайте про свое ремесло. Чем больше заботы вы вложите в то, что передаете Claude, тем лучше будет результат. Детали по-прежнему остаются за вами.
Что касается меня, я расширил свои возможности. Теперь я могу довести идею от наброска до готового продукта, которым люди могут пользоваться, никого не дожидаясь. Плеер еще требует некоторой доработки, прежде чем он будет соответствовать нашим стандартам, но это всего лишь вопрос нескольких промптов.
