Design Twist

Недавно перечитал свои заметки за прошлый год и вспомнил, что иногда полезно рефлексирвоать и записывать это — поэтому делюсь, что произошло за последние 6 месяцев - - - Про проекты: В этом году сделал подходы к 3-м запускам проектов: 1. Агрегатор изъятых лизинговых авто 2. Сканер безопасности/нарушений на ru-сайтах 3. Голосовой AI-тренажер для собеседований Первые два уже закрылись не родившись — дело было во внутреннем сопротивлении к бизнес-моделям (и там и там куча процессной операционки) и отсутствии сильного интереса. Но сделано не 0 — в обоих случаях пилили кодовую базу, на которой проверяли гипотезы и пытались делать продажи Про последний проект я уже делал пару постов (раз, два), скоро дам ссылку в паблик (а пока все так же можно пощупать через личку @odokienkoan) - - - Про жизнь: Еще я теперь соучредитель компании! Долго с братом подступались к открытию, но кажется, что время пришло (да и с юриками теперь поудобнее работать) Зима-весна в Екатеринбурге далась мне тяжело из-за холода и серости (как обычно), поэтому я намылил лыжи уезжать в какое-то тепло (пока не знаю, на какой срок) - - - Про деньги и фокус: Фрилансы, консультации и прошлые проекты продолжают обеспечивать семью (женился кстати) деньгами, чтобы не жить в минус. Деньги все так же нестабильны 😫 За прошедшее время меня несколько раз посещало желание вернуться в найм (особенно, когда был вариант забрать оффер на 450к+). Но я решил, что пока что еще готов поиграть в предпринимательство — считаю, что легче пережить неудачу, чем тяжесть сожаления. Но если кто-то придет с классным парт-таймом, который не помешает работе над моими проектами — задумаюсь, чтобы рассмотреть Из-за такого подхода я порой чувствую какую-то финансовую скованность (несмотря на подушку), но при этому ощущаю огромную свободу выбора, на что направить фокус (раб своей свободы?) До конца года план вкладывать все силы в текущий продукт, чтобы доказать себе, что я могу построить продукт, который приносит деньги автоматизированно (а не просто деньги за мои часы напрямую — такие я уже сделал несколько раз)

И чем больше раздувают историю с AI, тем ценнее становится смотреть на реальный процесс и юзкейсы, нежели на неподкрепленное мнение Я давно знаком с командой Pixel Perfect, и вижу, что они делают кучу полезного контента вокруг AI (когда-то даже сам подписался на них с рекламы хаха). Поэтому рассказываю! 😎 6 августа в 17:00 мск будет эфир от https://t.me/+Gq23iG-H_fU0YzEy">Даниила Шишко из Pixel Perfect. Он попробует за 1,5 часа собрать с нуля MVP приложухи для поиска команды в IT. Делаю ставку, что у него реально получится сделать большой кусок работы, потому что часть закроет AI, если правильно выстроить процесс После эфира есть некоторая ценность для вас: • все скиллы, с которыми Даниил будет собирать продукт — сможете повторить этот же процесс на своих задачах • ссылка на готовое приложение – сможете посмотреть, что получилось, и протестировать его в числе первых Участие бесплатное, эфир пройдет в тг-канале Даниила. ➡ Подписывайтесь: https://t.me/+Gq23iG-H_fU0YzEy

Что имею сказать по этому поводу: Приходите готовиться к нам лучше - HR-скрининг бесплатный - за 800₽ полный дизайн-собес с вопросами из бигтехов и топ-компаний в РФ Несколько реальных цитат от пользователей: Меня удивило, что она вообще ничего не забывает. Я с ней двадцать минут назад разговаривал про кейс — а она: всё, давай вернёмся туда. Это круто — Она следит за контекстом и задаёт вопросы очень прицельно — всегда старается докопать — Узнала новые вопросы, которых раньше не слышала. Они такие софтово-продуктовые, на стыке — не в явном виде про техничку, но и не про софты — Круто, что это происходит как практикум — я правда задаюсь вопросами, которыми не задавалась при подготовке к своему собесу — Страх интервью немножко снимает — появилось какое-то структурирование — Как специалист, который знает свои минусы — здесь именно по ним и сказано. И он подсказывает, как это докрутить — Для поиска работы это прям супер вещь пишите в личку за доступом @odokienkoan, мы в закрытом формате еще

Студия Relate показали более удобный подход. У них есть бесплатный интенсив 5 Tools Related to AI (там уже несколько уроков) — в новом уроке ребята разбирают, как сначала собрать композицию шейпами, а потом сгенерировать её целиком с помощью Nano Banana 2 Заодно показывают, как работать с материалами, текстурами, освещением и создать универсальный мастер-промпт для подобных задач Я сторонник мультидисциплинарности, поэтому даже если вы ux/ui/prodcut дизайнер — может быть полезно заиметь доп.скиллы Доступ бесплатный — просто по старту в боте. Все уроки уже выходят на этой неделе — с 27 по 31 июля. Внутри есть небольшие практические задачи. За выполнение поучаствуете в розыгрыше подписки на Claude Max на месяц (я кстати на нее перешел уже, сейчас это мастхэв вообще) Присоединиться к интенсиву тут 👉 @RelateCommunityBot

Вот уже 2 года я помогаю дизайнерам всех грейдов готовиться к whiteboard-у в формате тренировки как дизайн-лид. И все эти 2 года я не замечал, что большинство даже не доходят до этого этапа — дизайнеры проваливают скрининг с HR и технические/софтовые собесы Да, люди пытаются как-то готовиться: - кто-то идет к менторам на агрегаторах и платит х2 от их реальной стоимости - кто-то общается с ChatGPT, но не получает глубины фидбека - кто-то использует другие иностранные сервисы, которы не покрывают вопросы из Озона, Яндекса, Сбера, Авито и других компаний РФ И поэтому я запускаю тест — хочу помочь вам подготовиться к собеседованию Как это будет (пока на ручнике): - Часовое интервью голосом (как настоящее): покроем и рекрутерские вопросы, и техническую часть - На встрече будет микс реальных вопросов, которые я собрал через лидов из больших компаний (плюс мой опыт нанимающего) - После встречи дам развернутый фидбек голосом + в текстовом формате (и доп.рекомендации специально для тебя) Сейчас я хочу провести 10 встреч по early-bird-цене, чтобы докрутить продукт и перейти к следующему этапу Если ты подумываешь сменить работу или уже куда-то собеседуешься — пиши мне в личку @odokienkoan или оставляй контакт в форме https://forms.yandex.ru/u/6a2fec6802848fb0bc4c5e46 А если знаете, кому это могло бы подойти — пошерьте пост, спасибо!

Не очень хитро маскируют согласие на получение рекламы, выставляя его как обязательный чекбокс на обработку ПД При этом сама обработка ПД сделана просто текстом без активного действия (а это риск штрафа) Ну и кнопка «подробнее» тоже потеряна в тексте

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью 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 напишу, когда подойду к ней!

Не очень понимаю, что хотели сказать в интерфейсе. Тултип буквально повторяет то, что написано в баннере В чем заключается особое внимание? Возьмите мои деньги, но расскажите сначала за что Интересно, какая доля людей просто платит потому, что внимание «особое»

Для каждого дизайнера есть свой пул инструментов: Kling, Midjourney, ChatGPT, Codex и другие. Но до сих пор многие не до конца понимают, как встроить их в рабочий процесс Сейчас, вдобавок к обычным чатам, становятся популярнее Codex / Antigravity / Claude — потому что с их помощью можно делать свои продукты или прототипы. Но проблема, с которой сталкиваются люди (в том числе писали в комментариях в этом канале) — это непонимание, как связать компоненты между Figma и продом. Я сам пока не нашёл оптимальное решение, но уже знаю про несколько рабочих вариантов 😇 Как раз на эту тему Даниил Шишко из Pixel Perfect проведёт бесплатный эфир, где покажет полный процесс. Возьмёт реальную задачу от одной большой «красной» корпорации из РФ: нужно спроектировать сайдбар с вложенностью, разными типами пользователей и своей дизайн-системой. Это очень близкий формат задачи в продуктовой команде Когда? 7 апреля в 18:00 МСК Всё будет в лайв-формате, инструмент — Antigravity с Claude Code внутри. Что именно будет: - Перенос дизайн-системы так, чтобы AI сам брал правильные компоненты - Вайбкодинг рабочего прототипа через Claude Code, готового к тесту - Дополнительно покажет способ вкатиться в агентский воркфлоу, который работает бесплатно Я сам планирую пойти, потому что хочется посмотреть на подход 🔥 Эфир будет в закрытом тг-канале, подписывайтесь: https://t.me/+SpH0wTjuA0A1YmUy

А вы как считаете, это пи****о или ох***но?

Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you create, iterate and collaborate: 🎨 AI-Native Canvas 🧠 Smarter Design Agent 🎙 Voice ⚡️ Instant Prototypes 📐 Design Systems and DESIGN.md Я уже писал про Stitch несколько раз, потому что он на слуху. Сейчас они удивили сообщество тем, что теперь можно «вайбдизайнить» и сразу получать production-ready код Видно, что прогресс есть, но заголовки формата «DESIGNERS ARE COOKED» или «ITS SO OVER FOR DESIGNERS», которыми засран твиттер, пока что слишком громкие Дизайн выглядит все еще слабовариативным, я посмотрел, чего там эксперты нагенерили (возможно, поможет правильная работа с промптами и рефами) То, что презентуется как «дизайн-система», выглядит как простой ui-kit на переменных (к слову, вообще-то у самого подход к использованию дизайн-системы — то еще дерьмо, можно несколько экранов их продуктов собрать и сильно удивиться) Мне оч нравится направление, куда идет Stitch. Они могут соревноваться с фигмой, факт! Но давайте по-честному: Чуваки решили проблему «как нам быстро задизайнить что-то» Они не решили такие вопросы (и шанс, что решат, не очень велик): → Почему высокий процент отказов с главной страницы → Почему пользователи игнорят СТА, хотя ее видно → Как нам сделать конвертящий онбординг-флоу Разве когда-то проблема была только в пикселях? Stitch просто сделал думающих дизайнеров более ценными Короче, не переживаем, работу пока ai не заберет!

Заметил, что почти все дизайнеры развиваются по двум сценариям 1. Плывут по течению Человек работает, делает задачи, переходит из компании в компанию, иногда получает повышение. Карьера постепенно складывается сама, без какого-то чёткого плана 2. Ставят цели и планируют Человек заранее понимает, куда хочет прийти, и начинает двигаться в эту сторону. Он выбирает направление роста, добирает нужные навыки, осознанно меняет роли или компании, чтобы ускорить этот путь Я отношу себя ко второй категории - В начале карьеры я довольно чётко понимал, что хочу попасть в студию. Там больше дизайнеров вокруг, больше проектов, быстрее растёшь за счёт плотности опыта - Потом появилась следующая цель — стать мидлом как можно быстрее, чтобы было больше автономности. В тот момент я начал добирать знания: проходил курсы, разбирал процессы и смотрел, как работают другие дизайнеры - Следующей точкой было лидерство. Мне было интересно не только рисовать интерфейсы, но и влиять на продукт и команду + там денег было больше (и ответственности) - Был момент, когда я сознательно сделал небольшой даунгрейд. Мне казалось, что для следующего шага не хватает конкретных навыков, и проще их добрать, чем продолжать расти «по титулу» Когда у тебя есть хотя бы примерное понимание следующей точки, становится проще принимать решения: куда идти работать, какие навыки прокачивать, какие проекты брать Это не значит, что путь «по течению» плохой — многие приходят к хорошим позициям именно так Но вероятность попасть туда, куда ты действительно хочешь, сильно выше, когда ты хотя бы иногда задаёшь себе вопрос: куда я вообще хочу двигаться дальше Расскажу потом, как именно выбирать этот вектор развития Могу даже схему нарисовать!

Часто слышал на собесах вопрос «Ты командный игрок или одиночка?» (и даже сам спрашивал) Наверняка есть роли, где перекос в одну из сторон — вполне ок. Но дизайн не про это. Думаю, дизайнерам важно уметь вовремя переключаться между этими режимами Всю деятельность дизайнера можно поделить на 5 слоев и выбирать нужный в зависимости от контекста: 1. Solo Скетчинг, сборка макетов, поиск рефов и дизайн-решений — все это лучше делать самому. Если пытаться штормить каждый пиксель толпой, получится франкенштейн, еще и ответственность размоется 2. Trio Дизайнер + Продакт + Техлид/Аналитик Здесь идет более глубокая работа над продуктом. Менеджер приносит проблему и цифры, дизайнер — UX, техлид или аналитик сразу говорит, где мы упремся в ограничения 3. Team Когда концепт/флоу готов, мы идем к разработчикам и QA для груминга. Тут нужно убедиться, что всё доедет до прода в том виде, как было задумано (или предстоит найти какие-то компромиссы) 4. Cross-functional group Если вы делает что-то новое/большое, то стоит сходить к сейлзам, маркетингу, саппорту и смежным командам. Порой 1 разговор с подобными ролями может заменить 10 интервью с клиентами, и вы можете узнать детали, которых нет в метриках 5. Visibility for company Демо, посты в общие чаты, рассылки. Нужно показывать, что вы делаете, почему и зачем. Не чтобы похвастаться, а чтобы команды в компании понимали, куда движется продукт и как это может на них повлиять Нет какого-то правила и верного порядка, как нужно перемещаться по этим слоям. Обычно с опытом мы просто начинаем понимать: - тут я закопался, надо идти к продакту - слишком много разговоров, надо пойти порисовать просто - надо сделать рассылку внутри, чтобы подсветить фичу

Запускал deep research в Perplexity, чтобы спроектировать структуру лендинга. Написал большой промпт и вроде учел весь нужный контекст (казалось бы) Взял за правило в конце своих запросов добавлять: Перед ответом задай дополнительные вопросы, если требуется И вот раньше эти дополнительные вопросы просто задавались списком и приходилось думать над ответами + маркировать их, а еще держать в голове, на что ты ответил, а на что нет. Теперь думать не нужно, ура! 😬 Perplexity дробит вопросы на поля и сразу предлагает пресеты для ответа. Минус только в том, что я не успел ничего выбрать 👹

В телеге есть несколько полезных чатиков, в которых можно найти себе пользователей для интервью/юз.тестов/опросов и других исследований. Систематически сам пользуюсь: 1. [UNCRN-me] Коридорки и кастдев (17к людей) https://t.me/+wDZr0lMzCyVmMGUy 2. Кастдев-чат UX Boost (7.5к людей) https://t.me/+K9_sMHD3oYMzYThi 3. Мы ❤️ B2B (850 человек) t.me/we_love_b2b Это скорее сообщество, но я знаю, как больно исследовать в б2б, поэтому использовал этот чат для поиска респов 4.Респонденты для рисёча t.me/respondents_for_research (5к людей) Общий совет для такого формата — просите людей просто поставить реакцию на ваше сообщение в чате, если они готовы поучаствовать (а дальше сами им пишите). Так у них намного меньше сопротивления, чем идти букать встречу к вам в календарь или писать в личку Бесит кстати, что часть людей пишет ресеч, а часть — ресерч🥺

Вообще «Design Twist» давненько перерос рамки дизайнерского канала (для меня уж точно). За 2+ года он стал чем-то бОльшим: здесь мои личные переживания, сложности, успехи, неудачи, попытки, нетворкинг и другие вещи. Но в основном все же про дизайн (пока так и остается) На фоне блокировки телеги решил, что хочется быть на связи от своего лица, не прячась за абстракцией. Хочу, чтобы канал транслировал живого человека, а не просто функцию Поэтому теперь в названии моя фамилия, а звездочка сменилась на лицо (да, с проводами и экраном!) Спасибо каждому, кто остается здесь, участвует в моих экспериментах и поддерживает. Для меня это очень ценно🤍 stay tuned!

Иногда ловлю себя на мысли, что процесс найма — это одна из самых неопределенных штук в работе руководителя. Ты можешь сколько угодно строить схемы и процессы, но реальность всегда вносит коррективы У тебя в голове есть портрет идеального кандидата, но на рынке его может просто не быть. Ты постоянно взвешиваешь: нанимать самому, идти на площадки или вообще отдать всё агентству, чтобы сэкономить время (но не факт, что нервы) И это только верхушка айсберга. У кандидатов вообще свой ад: - как упаковать кейсы, чтобы их читали - как писать сопроводительные - как вообще пробиться через фильтры и т.д. Чтобы случился мэтч и потом не пришлось разгребать последствия неудачного выбора, должно сойтись слишком много факторов. Это сложная система, где легко ошибиться Я сам тут делюсь опытом и граблями, на которые наступил. И круто, когда в комьюнити есть и другие сильные ребята, которые системно освещают эту тему Один из них — Женя Белодед. Он сейчас работает в Resume.co, поэтому видит ситуацию с двух сторон (потому что в индустрию надо быть погруженным!) У себя в канале он честно пишет про внутрянку найма, управление командой и процессы, которые работают, а не просто красиво звучат в теории. А еще он сделал классные подборки постов про whiteboard и про найм в целом Рекомендую заглянуть!

Делаю ресерч для себя и не могу не поделиться с вами полезными ссылками! У каждого из списка своя зона экспертизы, но в целом все пишут про PRODUCT/UX/UI/CX Добавляйтесь ко мне, кстати https://www.linkedin.com/in/odokienkoan/ 1. Adham Dannaway https://www.linkedin.com/in/adhamdannaway 2. Femke van Schoonhoven https://www.linkedin.com/in/femkesvs 3. Christopher Nguyen https://www.linkedin.com/in/uxchrisnguyen 4. Sarah Doody https://www.linkedin.com/in/sarahdoody 5. Laura Klein https://www.linkedin.com/in/lauraklein2 6. Paweł Huryn https://www.linkedin.com/in/pawel-huryn 7. Aneta Kmiecik https://www.linkedin.com/in/anetakmiecik 8. Artiom Dashinsky https://www.linkedin.com/in/dashinsky 9. Atul Khola https://www.linkedin.com/in/atulkhola 10. Nolan Perkins https://www.linkedin.com/in/nolanperk 11. Zander Whitehurst https://www.linkedin.com/in/zanderwhitehurst 12. Julie Zhuo https://www.linkedin.com/in/julie-zhuo 13. Vitaly Friedman https://www.linkedin.com/in/vitalyfriedman 14. Teresa Torres https://www.linkedin.com/in/teresatorres 15. Debbie Levitt https://www.linkedin.com/in/debbielevitt Если кого-то еще рекомендуете – пишите в комменты

Теперь растровые картинки можно переводить в вектор. Функция работает на AI, поэтому надо иметь подписку Для тех, у кого подписки нет, подойдут фришные плагины: их в комьюнити куча по ключевым словам Vectorize / Image Tracer, раньше на них только и жил И вот небольшая статья от figma про этот апдейт