Odokienko Design - designer's experience

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

Если ты ищешь работу или планируешь это делать — этот пост для тебя Вот уже 2 года я помогаю дизайнерам всех грейдов готовиться к whiteboard-у в формате тренировки как дизайн-лид. И все эти 2 года я не замечал, что большинство даже не доходят до этого этапа — дизайнеры проваливают скрининг с HR и технические/софтовые собесы Да, люди пытаются как-то готовиться: - кто-то идет к менторам на агрегаторах и платит х2 от их реальной стоимости - кто-то общается с ChatGPT, но не получает глубины фидбека - кто-то использует другие иностранные сервисы, которы не покрывают вопросы из Озона, Яндекса, Сбера, Авито и других компаний РФ И поэтому я запускаю тест — хочу помочь вам подготовиться к собеседованию Как это будет (пока на ручнике): - Часовое интервью голосом (как настоящее): покроем и рекрутерские вопросы, и техническую часть - На встрече будет микс реальных вопросов, которые я собрал через лидов из больших компаний (плюс мой опыт нанимающего) - После встречи дам развернутый фидбек голосом + в текстовом формате (и доп.рекомендации специально для тебя) Сейчас я хочу провести 10 встреч по early-bird-цене, чтобы докрутить продукт и перейти к следующему этапу Если ты подумываешь сменить работу или уже куда-то собеседуешься — пиши мне в личку @odokienkoan или оставляй контакт в форме Ссылка скрыта 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 (Ссылка скрыта Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (Ссылка скрыта есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn 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? 👍 — Норм 👎 — Стрём