Odokienko | Design Twist

Тотальный контроль со стороны лида не помогает!

Многие управленцы думают, что контролить каждое решение = держать качество
Пока я работал в студии — у меня было именно так. Каждый макет через мой «ок», и я был уверен, что делаю правильно

Что из этого вышло:

1. Дизайнеры разучились решать сами. Если за тебя всё равно решит лид, то навык просто не качается. Человек привыкает приносить полуфабрикат (мы это называли «свесить ножки»), потому что думать самому смысла нет

2. Я стал узким местом. Команда больше, задач больше, а финальное слово завязано на меня одного. В итоге всё упёрлось в мою скорость

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

Когда я перешел в продукт — я перестроился, стал отпускать, и ничего не сломалось
Наоборот, команда начала деливерить быстрее

Думаю, что контроль все же нужен в начале, когда человек только пришёл и ему правда надо помогать
Дальше контроля должно быть меньше: сопровождаешь, наблюдаешь, подключаешься точечно

Самостоятельность у дизайнера не появляется сама, её растят тем, что ты вовремя убираешь руки
Если убрать руки страшно, вопрос обычно не к дизайнеру 😏

Это не все мысли — вторую часть по этой теме прочитайте в канале у Дениса Ломова (фаундер 🔥 Red Collar)

Пока я веду mock-собесы на ручнике, решил потестировать ai-интервьюверов. Нашел один в топе выдачи и попробовал вопрос про метрики, аналитику и воронку

Там было что-то типа «Составить план замера метрик для гипотетической формы оплаты. Какие события буду замерять + их названия»

В фидбеке на свой ответ получил :
- Коммент, что я обязан владеть аналитикой на уровне формирования трекинг-плана
- Кучу доп вопросов, которые не подразумевал основной вопрос
- Неприятный тон

На скринах я приложил ответы, которые мне дал ai-интервьювер (голосом то же самое говорилось)

Вопросы к читающим:

1. Сейчас senior-дизайнер правда должен это уметь и делать подобную работу самостоятельно?
2. Интервьювер — токсик? Или мне кажется?

У меня, например, желание пользоваться таким продуктом минимальное — это не похоже на mock-собеседование, а похоже, будто тебя тут попрекают и тыкают носом 😫

Framer закатил большой апдейт — добавили агента в интерфейс! При этом и работа с канвасом осталась

Тут детали и промпты, которые можно переиспользовать https://www.framer.com/agents/

Может много интересного:
- Правит существующий сайт целиком (структура / секции / лейаут)
- Рестайл дизайна
- Сайты с нуля по тексту или референсу
- Миграция с других тулов
- Сборка адаптивов
- SEO + аналитика в чате
- Аудит доступности / битых ссылок / редиректов
- Выбор моделей: sonnet / gpt / opus

Мне кажется ваще супер обнова
Пока правда не понял, что там с токенами и лимитами

На фрилансе есть одна команда, чей сайт с недавнего времени я поддерживаю на фреймере — там потестирую, расскажу потом

Если ты ищешь работу или планируешь это делать — этот пост для тебя

Вот уже 2 года я помогаю дизайнерам всех грейдов готовиться к whiteboard-у в формате тренировки как дизайн-лид. И все эти 2 года я не замечал, что большинство даже не доходят до этого этапа — дизайнеры проваливают скрининг с HR и технические/софтовые собесы

Да, люди пытаются как-то готовиться:
- кто-то идет к менторам на агрегаторах и платит х2 от их реальной стоимости
- кто-то общается с ChatGPT, но не получает глубины фидбека
- кто-то использует другие иностранные сервисы, которы не покрывают вопросы из Озона, Яндекса, Сбера, Авито и других компаний РФ

И поэтому я запускаю тест — хочу помочь вам подготовиться к собеседованию

Как это будет (пока на ручнике):
- Часовое интервью голосом (как настоящее): покроем и рекрутерские вопросы, и техническую часть
- На встрече будет микс реальных вопросов, которые я собрал через лидов из больших компаний (плюс мой опыт нанимающего)
- После встречи дам развернутый фидбек голосом + в текстовом формате (и доп.рекомендации специально для тебя)

Сейчас я хочу провести 10 встреч по early-bird-цене, чтобы докрутить продукт и перейти к следующему этапу

Если ты подумываешь сменить работу или уже куда-то собеседуешься — пиши мне в личку @odokienkoan или оставляй контакт в форме https://forms.yandex.ru/u/6a2fec6802848fb0bc4c5e46

upd: всех уже набрал, но если актуально — пишите, придумаем что-то!

А если знаете, кому это могло бы подойти — пошерьте пост, спасибо!

Нашел для себя развлечение скринить блокеры в приложениях и на сайтах

Странно, что в рамках одной экосистемы бигтеха в каком-то приложении может быть блокер, а в каком-то нет

У самоката, пожалуй, самый дружелюбный. Так сказать, из говна конфетку выбрал

Запретить айфоны, запретить App Store!

Встретил такой дарк-паттерн на сайте стоматологии

Не очень хитро маскируют согласие на получение рекламы, выставляя его как обязательный чекбокс на обработку ПД

При этом сама обработка ПД сделана просто текстом без активного действия (а это риск штрафа)

Ну и кнопка «подробнее» тоже потеряна в тексте

Недавно Джейн спросила у меня

«Как ты думаешь, что определяет быстрый и успешный рост дизайнера? Что для этого необходимо сейчас?»

Делюсь ответом с вами тоже:

У меня есть несколько факторов, которые я считаю важными.

1 — комьюнити, в котором есть сильные ребята. Они дают тебе правильный фидбэк и помогают быстрее расти, осознавать и исправлять свои ошибки.

2 — овертайминг. Когда я только начинал заниматься дизайном я работал в Pinkman по 10 часов, бывало по 11. Сейчас я бы, наверное, так не работал, но если хочется вырасти быстро, то это сильно тебя пробустит, потому что те, кто работает 8 часов в день — на 25% медленнее тех, кто работает по 10.

3 — связи. Быстрый и успешный рост происходит за счет связей, потому что тебя могут подтянуть на какой-то проект, в какую-то компанию, связи могут принести тебе какой-то именитый фриланс.

4 — владение современными инструментами. Мне кажется, что если ты не будешь лезть во все то, что происходит сейчас в части AI — ты будешь очень сильно отставать.

У нее в канале есть ответы и от других дизайнеров (ч.1 и ч.2)

Как я пытаюсь выстроить связку Figma + Claude (часть 1)

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно

Рассказываю на примере проекта, где я на фрилансе (oversecured.com)

Дано:
- legacy-архитектура фронта, которую сложно масштабировать с LLM-кой
- отсутствие части макетов в Figma + неактуальность макетов

Что хотим:
- заиметь макеты в Figma, которые выступают как источник правды
- можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт
- UI-kit/дизайн-система, которая полностью совпадает в Figma/code

Как мы решили это сделать:

1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт

2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma

Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение.

3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн

4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp))

Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы).

И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем

Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался

В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100

Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma

Часть 2 напишу, когда подойду к ней!

Расскажите в комментариях, почему вы занимаетесь дизайном? Что вас в этом драйвит? Почему вообще решили выбрать профессию дизайнера?

Для разогрева: я в дизайн пошел почти 7 лет назад, потому что у меня знакомый на фрилансе в провинции зарабатывал до 40к рублей в месяц. Меня это очень замотивировало: относительная свобода + хорошие деньги для моего города на тот момент

Можно ли использовать AI, когда проходишь whiteboard challenge?

Видится, что сейчас дизайн-лиды, которые ведут whiteboard, поделились на 2 лагеря:

1-й говорит о том, что AI в процессе использовать нельзя, потому что это слишком всё упрощает. Они хотят видеть как дизайнер думает и генерит идеи самостоятельно, без какой-то помощи

2-й прям ЖЕЛАЕТ видеть AI в процессе, потому что сейчас в работе это неотъемлемый инструмент, который юзает уже больше >40% дизов (по ощущениям). А если это инструмент — то надо показать, как вы его в около-реальной задаче используете

Я ближе ко второму лагерю, но не так радикально. Мне нравится, когда дизайнеры со мной на mock-сессиях прибегают к использованию, но делают это вдумчиво

Воткнуть AI в процесс можно на нескольких этапах (считайте это мини-гайдом)

1. Запустить deep research по теме в начале встречи, чтобы через 5-10 минут понимать индустрию (вы собеседуетесь в e-com, fintech, edtech или куда-то еще, но у вас другой опыт в портфолио)

2. Можно надискаверить какую-то часть самостоятельно, а потом скормить задачу + свои записи AI с промптом типа "Вот задача ... вот, что я уже знаю... что еще мне надо знать / надо спросить, чтобы это критично повлияло на решение?" Это даст вам буст, если кажется, что вы еще не все узнали

3. Сгенерировать с AI идеи (вдобавок ко своим) и попросить приоритизировать все вместе. Вы тут выступаете как фильтр, который выберет конфетку, а остальное не пропустит

4. Составить сценарий / to be flow для идеи, которую вы выбрали. Так будет проще нарисовать вайрфреймы и не запутаться

Как считаете, норм ли использовать AI в процессе whiteboard?
👍 — Норм
👎 — Стрём

Приоритетный заказ в WB

Не очень понимаю, что хотели сказать в интерфейсе. Тултип буквально повторяет то, что написано в баннере

В чем заключается особое внимание? Возьмите мои деньги, но расскажите сначала за что

Интересно, какая доля людей просто платит потому, что внимание «особое»