Odokienko | Design Twist

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/6a2fec6802848fb0bc4c5e46upd: всех уже набрал, но если актуально — пишите, придумаем что-то!А если знаете, кому это могло бы подойти — пошерьте пост, спасибо!

Нашел для себя развлечение скринить блокеры в приложениях и на сайтахСтранно, что в рамках одной экосистемы бигтеха в каком-то приложении может быть блокер, а в каком-то нетУ самоката, пожалуй, самый дружелюбный. Так сказать, из говна конфетку выбралНашел для себя развлечение скринить блокеры в приложениях и на сайтахСтранно, что в рамках одной экосистемы бигтеха в каком-то приложении может быть блокер, а в каком-то нетУ самоката, пожалуй, самый дружелюбный. Так сказать, из говна конфетку выбрал

Запретить айфоны, запретить 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%, страницы посложнее пока тестируемПервая задача — актуализир

Расскажите в комментариях, почему вы занимаетесь дизайном? Что вас в этом драйвит? Почему вообще решили выбрать профессию дизайнера?Для разогрева: я в дизайн пошел почти 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Не очень понимаю, что хотели сказать в интерфейсе. Тултип буквально повторяет то, что написано в баннереВ чем заключается особое внимание? Возьмите мои деньги, но расскажите сначала за чтоИнтересно, какая доля людей просто платит потому, что внимание «особое»Приоритетный заказ в WBНе очень понимаю, что хотели сказать в интерфейсе. Тултип буквально повторяет то, что написано в баннереВ чем заключается особое внимание? Возьмите мои деньги, но расскажите сначала за чтоИнтересно, какая доля людей просто платит потому, что внимание «особое»