Роман Горшков – AI-дизайн-директор Битрикс24. Освещаю опыт перехода Figma → Вайбкодинг, AI-инструменты, дизайн B2B и другие важные для становления дизайнера темы. Миссия — нести конструктив, а не страх. За ИИ будущее, другого не дано. 🚀
Наткнулся на этот мемас и понял, что в нём нет ни грамма юмора.
Это просто факт: с появлением вайбкодинга раскладушки заиграли прям новыми красками.
Сегодня, пока обедал в кафешке, навайбкодил пикер людей для одного интерфейса на своём стареньком iPhone. Но на нём не удобно смотреть результат. А вот на раскладушке — будет отлично.
iPhone Duo + onorca.dev = потенциально имбовый дуэт.
Figma в нашей команде исчезла... но не бесследно. Она просто перестала быть инструментом для проработки дизайна и стала саппорт-бордом.
Вот полный список того, что мы делаем в ней сегодня: — доска рефов: сваливаем всё, что хочется впитать перед стартом задачи ← короче, Miro; — работа с ассетами: склад сгенерированной графики + встроенный ИИ для убирания фона, подгонки нагенеренного, изменения цвета, итд + подкрутить яркость, контрастность, теплоту ассетов ← обеспечение консистентности (не масштабная работа); — эпизодическое экспресс-коллажирование: микс ассетов, материалов, проба разных фонов, итд; — скетчи: цветовая гамма, хуки, если стартуем продукт с новой эстетикой (это не прототип, а именно быстрые наброски каких-то ходов) ← если это проект на имеющейся базе, то без них; — беклог мелочей: быстро зафиксировать то, что надо поправить ← хотя для этого сегодня мы уже юзаем Issues в GitLab; — заметки: храним промты для генерации ассетов или конвертации ассетов из тёмной в светлую тему ← их нагляднее держать рядом с теми группами графики, к которым они относятся.
Заметили? В списке нет ни макетов, ни прототипов, ни компонентов, ни автолейаута, ни вариэйблес. Как это примерно выглядит, можно увидеть на скрине к этому посту. И вот к такому борду в течение дня дизайнер и обращается. Доля экранного времени навскидку 1–5%.
Сегодня мы держим профессиональный экс-инструмент проектирования интерфейсов, чтобы складывать в него картинки и на них смотреть. Это что-то вроде дизайнерского Pinterest, только повеселее по фичам.
В теории всё это заменяется на self-hosted Penpot. Но на практике руки до этого пока не доходят: задача звучит просто как «перенести коробки из одной комнаты в другую», а за этим инфраструктура, переезд, обучение команды, API генеративных моделей, разработка пары плагинов и так далее. Как будто пока игра не стоит свеч и можно оставить нечто привычное в быстро меняющемся мире.
Очень рад новым подписчикам 😘 Верю, мы все здесь увлечены дизайном и новыми технологиями.
Начать погружение в вайбкодинг для дизайна стоит с изучения репозитория. Так что сегодня у лексикона дизайнера пополнение. Этот пост — маленькая шпаргалка простыми словами, чтобы мы говорили на одном языке.
Фигма — программка из прошлого, которой пользовались, чтобы делать продуктовый дизайн и не только.
Вайбкодинг и агентики (Claude, Codex, Cursor, итд) — современный способ делать продуктовый дизайн и не только.
Скилл — инструкиция для ИИ, описывающая повторяющуюся задачу. Промт мы пишем каждый раз заново, скилл написали один раз — и дальше переиспользуем. Например, скилл может объяснять агенту, как использовать разные стили кнопок нашей дизайн-системы.
Репа (репозиторий, который живёт в сервисах GitLab, GitHub, Forgejo, итд) — хранилище всех материалов и версий проекта, с которым сообща работает вся команда. Тут и страницы, и ассеты, и токены, и код — всё, в общем.
Клон репы (git clone) — когда мы копируем хранилище из облака себе в локальную папку, чтобы начать работать с проектом.
Ветка / Ворктри (Branch / Worktree) — параллельная линия изменений внутри репы: мы меняем что хотим, а у остальных всё по-прежнему. Ворктри — отдельная папка на диске под ветку. Если ведём несколько веток сразу, лучше ворктри: не надо переключаться туда-сюда.
Мейн (Main или Default) — это главная ветка, из которой продукт уходит пользователям. В ней обычно никто не работает, только вливают в неё изменения из других веток.
Коммит (git commit) — save нашей работы в репе. Как только коммит в репу сделан и запушен на сервер, команда может увидеть нашу работу. Пуш (git push) — отправка наших коммитов с компьютера на сервер. Пока не запушили — работу видим только мы. Коммиты хорошо показывают, что работа идёт, НО не очень хорошо показывают её качество. Много коммитов ≠ крутой дизайнер.
Мерж реквест (Merge Request, Pull Request, MR, PR) — это запрос к главному в репе на вливание изменений в мейн.
Мерж (Merge) — это когда главный в репе вливает изменения в мейн из ветки, разрешая возникшие конфликты. На самом деле мерж можно делать не только в мейн, и вообще мерж не единственная процедура, но это нюансы не для дизайнеров.
Деплой (Deploy) — это когда из мейна все изменения отправляются на рабочий сервер (он же «прод»), чтобы их получили пользователи. Между мейном и продом есть ещё стейдж, но это, опять же, нюансы не для дизайнеров.
Спека — это план, по которому ведётся работа над прототипом. Он нужен, чтобы нюансы не терялись и все пожелания были учтены.
Мок — тестовые данные, на которых отсматривают интерфейс. У дизайнеров это раньше называлось «рыба».
Альфа-зумеры-дизайнеры, вы по-прежнему называете тестовый контент рыбой? 🐠
Мы этого не ждали, но кто-то уже начал «убивать» Figma у себя в компании.
Вот так AI незаметно подкрался и к вашим любимым инструментам. Помню многие говорили, что теперь 3D не нужно делать уже с помощью профпрограмм, ну вот теперь настала очередь продуктового дизайна.
Поговорили с Ромой (@aidesigndir), о том, кто такой дизайнер в эпоху AI, почему и как в Битрикс24 отказались от Figma, и как это поменяло найм, процессы и работу дизайнера.
Я дизайнер и я делаю коммиты в репозиторий. Ещё год назад эти два утверждения не могли стоять рядом.
Ранее дизайнер в нашей команде проводил в Figma большую часть рабочего дня. Сегодня Figma занимает у нас <5% времени. Её место занял Claude Code, а вместо макетов теперь ветки в репозитории, которые дизайнеры создают сами.
Сразу скажу, мы не стали разработчиками. Мы не пишем бэкенд, не проектируем архитектуру и половину слов в обсуждении инфраструктуры до сих пор гуглим. Мы по-прежнему дизайнеры. Просто инструмент у нас теперь такой же, как у разработчиков.
Никто не приходил утром с плакатом «Отменяем фигму». Мы шли к этому почти год: пробовали, ошибались, тестировали заново, иногда отказывались от больших инструментов, которые сами же и затевали.
Про это здесь и будет: что заработало, что развалилось, какие проблемы возникали и как мы их решали. А также я с радостью заведу рубрику ответов на вопросы, если они будут поступать в комментарии.
Меня зовут Роман Горшков, я AI-дизайн-директор Битрикс24. Моя миссия как автора канала — принести конструктив в наше время перемен и сместить точку сборки с «изменения — это страшно» на «изменения — это волшебно и просто кайф».
How can I read @aidesigndir without a Telegram account?
TGViewer shows the public web preview Telegram publishes for Горшков коммитит с AI: recent posts, photos, videos and the subscriber count, with no app, login or account.
How many subscribers does Горшков коммитит с AI have?
Горшков коммитит с AI (@aidesigndir) has 91 subscribers on Telegram, refreshed roughly every 30 minutes.
Does Горшков коммитит с AI know I viewed it here?
No. Public channel previews carry no viewer identity, and TGViewer has no accounts or tracking of what you look up.
