Компетенции дизайнера | Начинаем строить маршрут

В прошлый раз я рассказал о том, что такое компетенции дизайнера, какие они могут быть и привел матрицы компетенций от топовых компаний. Есть важный момент, который поможет систематизировать эти знания: любые дизайнерские навыки можно отнести к одной из двух групп — Hard skills или Soft skills.

Hard Skills — это то, что можно измерить и проверить. Либо умеете делать интервью, либо нет. Либо знаете Figma, либо тыкаете наугад.
Исследовательские методы — умение добывать правду от юзеров и делать выводы. Интервью, тестирование
Дизайн-инструменты — Figma для интерфейсов, инструменты для прототипирования.
Техническая грамотность — понимание, как дизайн превратится в код. Адаптивность, системы дизайна, основы кода
Работа с данными — способность читать метрики и делать выводы. A/B тесты, конверсии, пользовательское поведение.

Soft Skills — это про то, как вы работаете с людьми и думаете. Их сложнее развить, но именно они часто решают, кто останется джуниором, а кто вырастет в лида.
Коммуникация — умение донести свои идеи так, чтобы все ахерели поняли и поверили. От презентации CEO до объяснения разработчику.
Эмпатия — способность понять и простить юзера
Системное мышление — видение продукта целиком, а не отдельными экранами. Понимание связей и влияния одного решения на другое.
Гибкость — спокойное отношение к тому, что планы меняются, требования плывут, а «идеальное» решение нужно адаптировать под реальность.

Строим маршрут профессионального роста
Чтобы построить путь, который приведет нас к желаемой точке развития, нам необходимо понимать, где мы находимся сейчас и куда мы хотим прийти в итоге

Шаг 1: Где я сейчас? (точка А)
Какая моя текущая роль? (Если еще не работаете в дизайне, ничего страшного. Любая работа/учеба развивает важные навыки. Поделитесь своей текущей деятельностью)
Какие основные обязанности входят в мою текущую роль? (Основные 5–10 обязанностей и задач)
Какие софт и хард скиллы я применяю для решения рабочих/учебных задач?
Какие мои три сильные стороны? (могут относиться как к софт, так и к хард скилам)
Какие мои три слабые стороны? (Это про понимание, куда направить усилия. Может, вы боитесь публичных выступлений? Или теряетесь в технических деталях?)
Что заряжает в работе/обучении? (Этот вопрос поможет осознанно сформировать вектор профессионального развития, который совпадает с вашими личностными качествами и ценностями)
Я хотел(а) бы больше времени в работе/учебе уделять… (Чему бы вы хотели уделять больше времени? Например, микровзаимодействия в интерфейсе или общение с юзерами)
Я хотел(а) бы меньше времени в работе/учебе уделять… (От чего бы хотели избавиться или минимизировать? Например, монотонная работа, работа в одиночестве)
Что для меня самое важное в работе/учебе? (Это может быть не только обязанности или задачи, а также команда, автономия, влияние на продукт, обучение, стабильность)

Шаг 2: Куда я хочу попасть? (точка Б)
В идеальном мире, я работаю: стартап / корпорация / агентство / фриланс / собственный продукт
В идеальном мире я работаю: полная занятость/ частичная занятость/ попроектно
В идеальном мире я создаю дизайн продуктов в индустрии: fintech / e-commerce / healthtech / edtech / gaming и т.д.
В идеальном мире я эксперт в области: UX-research / UI-дизайн / системы дизайна / мобильные приложения / веб-продукты
Мой идеальный день состоит из следующих задач…( Какие задачи будут составлять 80% времени?)
В идеальном мире моя зарплата…(Нужно мыслить конкретными числами , посмотрев на свои знания, возможности и рынок труда. Например: Сейчас меня устроит … тыс. ₽, потому что это позволит мне комфортно жить и развиваться, а через 2 года я планирую выйти на … тыс. ₽ как мидл-дизайнер)

Полезные материалы 👆
Как составить персональный план развития карьеры? Selectel
Пошаговый гайд
Как разработать персональный план развития для UX-дизайнера | Selectel

Это была вторая заметка про профессиональное развитие. В следующий раз завершим составлять маршрут с помощью матрицы приоритезации компетенций. Ставьте лайкосы, если было интересно 👁

💬 Тултип

Мне разблокировали LinkedIn

Что случилось?
Я спокойно делал посты, добавлял коннекты и вел размеренный образ жизни пользователя Линка, как, вдруг, в один день соцсеть перестала открываться и у меня запросили пройти дополнительную верификацию с помощью Persona (сторонний сервис в который нужно скидывать документы для подтверждения личности). После того, как я скинул документы ничего не произошло и я просто перманентно видел страницу, которая гласила, что мой аккаунт Временно заблокирован, потому что замечена подозрительная активность (еще есть вариант постоянной блокировки, но это не мой случай).

Что было дальше?
Я подождал, надеясь, что верификация пройдет и я снова смогу быть ближе к профессиональному комьюнити, но прошло пару дней и ничего не изменилось. Тогда я пошел в поддержку Линка и попробовал найти их контакты, но прикол в том, что ты не можешь написать им в поддержку, пока не зайдешь в свой аккаунт, а войти я не могу, потому что он заблочен, бэнч нахуй. Что же делать? Тогда я пошел в интернеты и начал искать, как люди решают проблему заблокированного аккаунта. Спойлер — проблема не редкая, людям блокируют даже аккаунты с платной подпиской и не всегда получается вернуть доступ. У кого-то получается вернуть аккаунт угрозами суицида (это будет мой план Б на следующий раз), кто-то пишет им на аккаунты в соцсетях, чтобы добиться справедливости, это как раз мой вариант

Что я сделал?
Я нашел их официальный акк в X и написал в личке с просьбой разблочить мой аккаунт, так как он важен для меня (текст скину в комментах. В течение двух дней ответа не последовало, а ждать меня бесит, поэтому я пошел на их страницу, нашел последний пост и посмотрел, что люди пишут в комментариях. Там я нашел кучу людей, которые столкнулись с той же проблемой и пытаются достучаться до представителей соцсети. Я решил, что вариант неплох и тоже написал свой коммент. Через день после этого мне ответили на коммент и написали в личку, где попросили уточнить все детали моего дела и кто я вообще такой.

Решение
Когда я в личке X объяснил свою проблему оператор завел тикет и присвоил ему номер, а затем сказал, что со мной свяжутся по почте. Это правда случилось и мне написали через пару дней на почту с просьбой еще раз пройти верификацию по ссылке. Когда я прошел ее, пришлось подождать еще пару дней и аккаунт наконец-то был восстановлен

Полезные советы

Для предотвращения блокировки:
–Привяжите к аккаунту номер телефона — это упростит восстановление при блокировке или потере данных для входа
–Если используете VPN, не меняйте страну часто или, еще лучше, используйте только одну локацию

При блокировке:
–Пишите напрямую в доступные соцсети Линка (X, Instagram) с просьбой разблокировать аккаунт и объяснением почему он вам нужен. Общайтесь при этом вежливо, тогда ваши шансы растут

💬 Тултип

Вайбкодинг — с чего начать?

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

Недавно я решил глубже погрузиться в эту тему, посмотреть как это вообще происходит и попробовать что-то сделать самому. Инструмент, который я буду рассматривать — Cursor. Выбрал его, потому что он больше всего на слуху, а значит более продвинутый (наверное), чем остальные подобные сервисы (называются, кстати, IDE сервисы, использующие AI)

Cursor — это среда разработки, внешне сильно похожая на VsCode, внутри которую добавили ChatGpt, Claude и Gemini. Ты пишешь запрос, что ты хотел бы закодить, а они выдают тебе готовый код

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

Чувак рассказывает как сделал пет проект на Cursor и делится своими ошибками и best practices

Основы vibe coding на Cursor

Фронтэнд на Cursor

Бэкэнд на Cursor

3 проекта на Cursor за 2,5 часа (лендинг с анимацией, сервис для генерации изображений и сервис для генерации графиков на основе текста)

Дизайнер из Альфа банка создал онлайн словарь с подключением по АПИ

Что такое MCP серверы

MCP сервер FIgma и Cursor

Автоматическая верстка макетов из Figma в Cursor AI с помощью MCP сервера

7 инсайтов по Cursor [rules, directory, MCP, docs, commit]

В следующий раз поделюсь тем, что у меня получилось за пару дней вайбового кодинга (40-60 мин в день), а также инсайтами по работе с Курсором, которые упростят вам жизнь. Stay tuned💀

💬 Тултип

Компетенции дизайнера | Ставим цели
Вы уже определили, какие навыки у вас есть, а какие — необходимы для перехода на следующий уровень. Теперь нужно превратить этот путь в конкретный план: разбить на небольшие шаги, расставить приоритеты и установить чёткие цели и сроки ⌨️
Для приоритизации задач советую простую, но эффективную матрицу «Усилия / Ценность». Она помогает понять, какие навыки стоит прокачивать в первую очередь.

1. Начните с быстрых побед
Наверх списка поставьте области, в которых у вас вообще нет знаний, но они часто встречаются в требованиях вакансий.
Допустим, если вы ни разу не работали с адаптивными сетками и у вас нет понимания, как устроена вёрстка, стоит закрыть этот пробел. Даже если вы не планируете верстать сами, базовая осведомлённость о работе HTML и CSS помогает лучше взаимодействовать с разработчиками. Изучите пару обучающих видео, прочитайте статью или спросите у фронтендера из команды — это быстрые и доступные шаги.

2. Прокачивайте ключевые навыки
Затем обратите внимание на навыки, которые требуют усилий, но дадут максимальную отдачу — их часто ищут в вакансиях, и они критически важны для роста.

Пример: проведение пользовательских интервью и тестирований.
Теории недостаточно — важно применить знания на практике. Если на вашей текущей работе нет возможности это делать, придумайте собственный пет проект
1)создайте концепт нового приложения
2)проведите 5 интервью на тему своего концепта. Искать респондентов можно среди знакомых, тематические чаты с дизайнерами (но они могут дать немного профессионально искаженную обратную связь), в профессиональном сообществе, например Linkedin. Полезные ссылки оставлю в конце
3) Оформите результаты в презентацию. Это поможет закрепить навык и показать его в портфолио.
Помимо реального опыта эффективными будут и структурированные способы прокачки: онлайн-курсы, интенсивы, работа с ментором.

3. Подумайте о навыках, которые будут хорошим дополнением
В предпоследнюю очередь оставьте навыки, которые не являются ключевыми, но будут плюсом в вашей роли.
Примеры:
• Создание анимаций с помощью After Effects или Protopie
• Прототипирование в Framer
• Понимание принципов SEO
• Знание SQL для самостоятельного анализа пользовательских данных
Если появится время — занимайтесь ими. Но не в ущерб основному развитию.

4. Учтите Ловушки времени
Это навыки, которые в данном карьерном направлении не приведут к значительному профессиональному росту.
Например, для продуктового дизайнера важно владеть базовыми принципами графического дизайна и уметь создавать простую графику вручную или с помощью нейросетей. Однако умение рисовать сложные и масштабные композиции не окажет существенного влияния на развитие в роли продуктового дизайнера.
Такие навыки стоит определить и учитывать, чтобы сознательно не тратить на них время. При этом, если вы планируете сменить карьерный вектор, имеет смысл пересмотреть эти умения, ведь в новой области может потребоваться освоение других компетенций, и тогда придётся заново определить свои цели и направление развития.

Итак, цели поставили правильно. В следующий раз обсудим, как прокачивать навыки, чтобы не забросить через неделю. Не переключайтесь 👁

Где искать респондентов 🔍
Чат iOS challenges (tg)
Чат {графсоюз} (tg)
Чат для каст девов UNCRN
Яндекс взгляд
Pathway
Oprosso

💬 Тултип

Участвую в конкурсе тг каналов

Недавно увидел анонс конкурса для авторских каналов
в тг, где можно будет показать себя, понетворкать и заработать немного уважения улиц. Суть проста — скинуть подборку из 3-4 своих самых интересных постов сюда @tg_contest_main. Зрители решат у кого контент интересный, а у кого херня не очень. Ну а дальше лучших будет отсеивать жюри и присуждать награды, одаривать подписчиками и все подобное 💃. Одной из причин принять участие было также и то, что в организаторах много людей на который я сам подписан и читаю — думаю, будет интересно)
В общем, вы знаете за кого болеть 🤨

💬 Тултип

Компетенции дизайнера | Как прокачивать навыки, чтобы не забросить через неделю

В прошлый раз мы приоритезировали цели по развитию компетенций с помощью матрицы ценность/усилия, а теперь поговорим о том, как претворить наши планы в жизнь и не ебануться по пути 😡

Ставим цели, которые действительно работают
Они должны быть конкретными, достижимыми и не быть похожими на «изучить UX» или «стать ахуенным дизайнером».
Вот как выглядит цель, которая реально работает:
Навык: Работа с метриками продукта
Где я сейчас: Знаю, что такое конверсия, но если дать мне дашборд в аналитике, буду тыкать наугад
Куда хочу прийти: Могу посмотреть на воронку, найти проблемные места и предложить конкретные решения
Критерий успеха: Запущу A/B тест своего решения и получу статистически значимый результат
Что буду делать:
1-3 июня: Прохожу курс «Аналитика для дизайнеров» (15 часов)
4-10 июня: Разбираюсь в Google Analytics, Яндекс Метрике нашего проекта, или просто пытаюсь понять, что там происходит (5 часов)
11-17 июня: Ищу 3 места, где можно улучшить конверсию (3 часа)
18-24 июня: Делаю A/B тест для одной из идей (8 часов)
Конкретные даты, конкретные действия, конкретный результат.

Как не потерять мотивацию на полпути
Канбан-доска — ваш лучший друг. Для того, чтобы эффективно двигаться нам потребуются три колонки в Notion или Trello:
1 колонка — Хочу изучить
Основы пользовательского тестирования
Принципы атомарного дизайна
Метрики HEART (что это вообще такое?)
2 колонка — Сейчас делаю
Читаю «На заставляйте меня думать» — на странице 67 из 200
Провожу интервью с пользователями — сделал 3 из 5
3 колонка — Уже умею
HTML/CSS на базовом уровне — теперь понимаю, что говорят разработчики
Создал свою первую дизайн-систему — пока простенькую, но работает
Прошел курс по UX-копирайтингу — наконец-то перестал писать «Нажмите здесь»

Воскресный ритуал честности
Каждое воскресенье садитесь с бокалом пива чашкой кофе и честно отвечайте себе на три вопроса:
Что на этой неделе получилось круто? Даже если это мелочь — хвалите себя
Где я налажал и почему? Важно знать свои ошибки, чтобы работать над ними
Что буду делать на следующей неделе? Максимум 2-3 конкретные задачи

Как не сгореть от амбиций
Чтобы не получить выгорание от нереализованных амбиций лучше взять один серьезный навык на 3–4 месяца:
Январь-март: Пользовательские исследования — от интервью до анализа результатов
Апрель-июнь: Системное мышление — как видеть продукт целиком, а не отдельными экранами
Июль-сентябрь: Аналитика — метрики, A/B тесты, данные
Октябрь-декабрь: Софт скиллы — презентации, менторинг, работа с командой

Правило 20 минут
Для всего остального есть микро-обучение. 20 минут в день — это почти ничего, но за год накапливается 80+ часов:
Читайте статьи в метро по дороге на работу
Смотрите туториалы во время обеда
Листаете кейсы других дизайнеров перед сном
Главное — регулярность, а не героические подвиги на выходных.

С чего начать прямо сейчас
Не откладывайте на понедельник. Выберите один навык, который можно потыркать уже на выходных. Сделайте что-то простое, но конкретное. Почувствуете прогресс — захочется двигаться дальше.
Развитие навыков — это не спринт, а марафон. Это про то, чтобы каждый день становиться чуть-чуть лучше вчерашнего себя. А через год оглянуться и ахуеть от того, кем ты стал 😎

Это был завершающий пост на тему развития дизайнерских компетенций. Спасибо тем, кто дошел до конца. Надеюсь, что каждый смог найти для себя что-то полезное ❤️

💬 Тултип

6 часов вайбкодинга
| Результат

В прошлый раз я написал о том, шо такое вайбкодинг и с чего начать изучение одного из его инструментов — Cursor. Сегодня хочу поделиться тем, что получилось сделать за 6 часов работы в Курсоре без определенного плана действий, просто с целью познакомиться с прилой. Я решил сделать наброски сервиса по сдаче недвижимости в аренду

Карточки объектов
На главной есть карточки объектов, информация для которых тянется с таблицы в Airtable, которую я подключил по API. Фотографии в галерее переключаются при наведении курсора. При клике карточка открывается в модальном окне с формой заявки — после отправки появляется тост с подтверждением успешной операции.

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

Форма обратной связи
Сделана форма с помощью которой можно предложить объект для сдачи. При отправке формы появляется тост с сообщением об успехе

Поиск
Сделал инпут text_autocomplete на главной странице, который при вводе значения показывает доступные из списка

Адаптация под мобилку
Полностью адаптировал под мобильную версию: хедер сворачивается в бургер-меню, модалки превращаются в bottom_sheet, тосты появляются сверху (на видео нет, но просто поверьте)

P.S. Я не заходил 2 недели в проект и когда зашел сегодня, то увидел, что карточки перестали выводиться, а когда исправил ошибку, то они начали выводиться на весь экран и наклыдываться друг на друг, в общем, цирк какой-то. Пришлось около часа ругаться с курсором и получилось восстановить прошлый прогресс, но в модалке не получилось пока победить верхний контейнер с фото и он все равно имеет внутренний пэддинг, но сейчас нет времени исправлять, поэтому залил как есть)

Гайд по эффективной работе с Cursor

Основное
Всегда советуйтесь с ИИ-агентом — что делать дальше и как лучше реализовать. Просите подробных объяснений непонятных моментов.
Используйте дизайн-систему с самого начала — это обеспечит консистентность интерфейса.
Избегайте Chat GPT — очень тупой. Используйте Gemini или Claude (доступен на платной версии).
Разделяйте архитектуру — делите большие проекты на Frontend и Backend части.

Обязательные файлы для проекта
В начале разработки создайте три ключевых файла:
scratchpad — для тестирования кусков кода без добавления в основной проект
memorybank — актуальная база знаний по проекту
Для создания: напишите "Инициализируй memory bank"
Для обновления: "Актуализируй memory bank" в конце чата
Для загрузки: "Изучи memory bank" чтобы ИИ был в курсе всего проекта
lessons_learned — для фиксации ошибок и предотвращения их повторения

Настройка правил проекта
Задайте Rules — правила работы ИИ с вашим проектом:
"Всегда используй TypeScript вместо JavaScript"
"Пиши краткие и понятные комментарии к функциям"
"Не используй сторонние библиотеки без моего разрешения"

Организация работы
Создавайте новый чат для каждой фичи — это предотвратит путаницу модели (не забывайте указывать контекст из предыдущих чатов).
Интегрируйте Context7 — это mcp сервер, который предоставляет актуальную документацию кода для лучшего понимания проекта
Репозиторий: github.com/upstash/context7
Можно кинуть ссылку и написать "use context7"

Дополнительные возможности
Изучите плагины Cursor — они значительно расширяют функциональность.
Подгружайте документацию — добавляйте ссылки на нужную документацию API и других инструментов.
Используйте .env файлы — для безопасного хранения API-ключей и других чувствительных данных.
Прикрепляйте документы — добавляйте ссылки на документы для последующих обращений.
MCP интеграция — используйте подключение MCP, это поможет воссоздать макеты прямо из Figma. (точность не 100%)

Был ли у кого-то опыт вайбкоддинга и какие остались впечатления? 👀

💬 Тултип

Нужна ваша поддержка

Всем привет!
Недавно я решил участвовать в конкурсе тг каналов и сейчас начался период голосования. Если вы считаете, что контент на канале заслуживает внимания, то можете выразить свою поддержку голосом)

Для того, чтобы голос засчитался, нужно подписаться на канал конкурса и выбрать свой любимый канал (@tooltipp) в этой форме 👀

Всем заранее спасибо 😘

💬 Тултип

Чувак, дай шесть!

Когда прошел курс «ИИ с 0 до PRO» и решил применить знания на практике 👌

💬 Тултип

Шаблон договора на создание дизайна

Специально для подписчиков Тултип шаблон на создание дизайна, чтобы вы меньше переживали во время работы и точно получили свои денюшки. Пришлось даже на рассылку, ради него подписаться🤮

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

Так что — рекомендую сохранить и сэкономить свое время на поиске или составлении этого крайне важного документа, который сэкономит ваши нервы и деньги в долгосрочной перспективе 🤝

Скачиваем тут ➡️

💬 Тултип

Редизайн интерфейса | Подборка статей

Сегодня предлагаю на лайте почитать подборку статей про проектирование интерфейсов, а точнее про его редизайн. Посмотрим 🍿, как разные дизайнеры и команды подходят к переосмыслению отдельных сценариев или целых интерфейсов

Редизайн интерфейса системы мониторинга пациентов в реанимации

Редизайн хэдэра в сложном продукте (цифровизация строительства)

Как обновляли интерфейс касс самообслуживания, которыми будут пользоваться покупатели в 150 тысячах магазинах | 2 часть

Кейс с редизайном деталей стратегии в Т-инвестициях (Как мы похоронили метрики и вновь оживили :)

💬 Тултип

Тестовое задание в Кинопоиск📱

Делюсь неплохо выполненным тестовым заданием для Кинопоиска от дизайнера Алины Устьянцевой. Кейс разбит на смысловые блоки — исследование, user flow, персоны и сами макеты. Особенно меня порадовали нарисованные макеты ручкой в тетради, выглядит интересно и может выделить вас среди других кандидатов (или нет)

📱Смотреть фигму
📝Читать кейс на VC

Другие тестовые на канале 👨‍💻
Альфа банк
Алиса
Вкусвилл
База (50+) тестовых заданий

💬 Тултип

Лучшее, что есть на VC

1. Заходим в приложение VC
2. Бесконечно нажимаем на иконку уведомлений
3. Узнаем историю колокольчика

Делитесь в комментах до какого момента удалось дойти. Я остановился на его размышлении о том, что я нажимаю на него, так как чувствую пустоту внутри и он меня понимает...😂

💬 Тултип

5 книг для дизайнера не про дизайн (а про бизнес)

Продуктовый дизайнер — это не только оператоp фигмы, но и стратегический партнер, который понимает, как его работа влияет на прибыль компании. А если вы планируете расти в тимлида или арт-директора, то без понимания бизнес-процессов вообще никуда. Хочу поделиться небольшой подборкой книг, которые помогут развить системной мышление и способность видеть общую картину

1. «От хорошего к великому» — Джим Коллинз
Автор проанализировал более 1000 компаний, что вывести для нас основной тезис — великие компании строят скромные трудоголики, которые сначала собирают команду мечты, а потом уже решают, что делать. Секретная формула проста: сначала «кто» (правильные люди в автобусе), потом «что» (куда ехать)

2. «TOYOTA. Путь к совершенству» — Цунёси Нодзи
История о том, как японская компания, которая начинала с ткацких станков, стала производить самые надежные машины в мире. Автор раскрывает 14 принципов Toyota, которые лежат в основе ее концепции бережливого производства. Как родилась методология Канбан и культура постоянных улучшений кайдзен (это очень близко с дизайном продукта)

3. «Клиенты на всю жизнь» — Карл Сьюэлл
Сьюэлл владеет автосалонами в Техасе и понял простую истину: машины у всех одинаковые, зато сервис может быть разным. Он начал мыть машины клиентам бесплатно, возить их на работу, пока идет ремонт, и устраивать шумные вечеринки для своих клиентов. Думаю, это близко к концепции 10-звездочного опыта Airbnb

4. «Эффективный руководитель» — Питер Друкер
Дедушка менеджмента учит, как не сойти с ума от дедлайнов. Книга от Питера Друкера — человека, который изобрел половину терминов менеджмента. В ней он рассказывает про эффективных руководителей, которые:
-Управляют временем — знают, куда уходят часы, и контролируют то немногое, что можно контролировать
-Фокусируются на результате — важны достижения вне стен офиса, а не просто «работа ради работы»
-Развивают сильные стороны — свои и команды, вместо бесконечной борьбы со слабостями
-Расставляют приоритеты — концентрируются на 2-3 ключевых задачах, которые дают максимум результата
-Принимают стратегические решения — думают о долгосрочной перспективе, а не тушат текущие пожары

5. «Корпорация гениев» — Эд Кэтмелл
Кэтмелл рассказывает, как удалось создать одну из самых известных мультипликационных студий, балансируя на грани банкротства. Важная книга для понимания, того как создать среду, где критика не убивает креатив, а наоборот — его развивает. Плюс научитесь принимать фидбек без желания удалиться из чата

Каких книг не хватает в этом списке? Делитесь в комментах👁

💬 Тултип

Как спроекировать лендинг для Tech продукта?

Дизайнер из Evil Martians проанализировал 100+ лендингов топовых инструментов (Linear, Vercel, Supabase) и выяснил, что реально работает в 2025. В качестве бонуса — готовый open source шаблон для быстрого запуска

Внутри:
Главный блок — 6 способов показать продукт (от анимированного UI до живых демо)

Нам доверяют — B2B логотипы vs цифры для соло-девелоперов, почему отзывы лучше встраивать прямо в фичи, а не в отдельный блок

Фичи — 5 способов рассказать историю продукта

Вспомогательные секции — когда нужен FAQ, стоит ли показывать цены на главной, и как интеграции добавляют веса продукту

Финальный CTA — последний шанс конвертнуть посетителя

Читать тут ➡️(VPN)

💬 Тултип

11 анимаций интерфейса в фигме

Когда по части логики и структуры в проекте все готово можно насыпать парочку бриллиантов , которые заставят сердце заказчика 💗 биться чаще при оценке вашей работы. Множество приемов можно реализовать не вылезая из фигмы. В файле собраны 11 приемов, которые можно разобрать на атомы и применять у себя в проектах

Забрать бриллианты 💎

💬 Тултип

База знаний дизайнера

Недавно я подготовил статью о том, как определить свои точки профессионального роста, как и куда двигаться дальше. Сегодня хочу дополнить её доской в Miro на которой я собираю полезные ссылки для роста дизайнера.
Я разбил доску компетенций на 5 крупных блоков — UI, UX, Исследование, Коммуникация и Продуктовое мышление. Сейчас заполнен блок UI, в нем уже 150+ ссылок и он регулярно пополняется. Здесь собраны статьи, полезные материалы и сервисы, которые помогут бустануть эффективность рабочего процесса 👨‍💻
Материалы разбиты по категориям — анимации, дизайн системы, илююстрации, шрифты и много чего еще. Сам регулярно залезаю на доску, когда нужно быстро найти пак иконок либо подсмотреть какую-нибудь дизайн систему

Сохраняйте себе, пользуйтесь и делитесь с корешами.
Знаете что-то огненное? Кидайте в комментарии — дополним коллекцию вместе 🔥

Смотреть доску ➡️

💬 Тултип

100+ часов вайбкодинга. Курсор начал лучше меня понимать

💬 Тултип

Библиотека UI элементов

Чекайте библиотеку всяких UI приколюх. Тут кнопки, инпуты, формы с прикольными анимациями. Все элементы можно забрать как компоненты на React, Tailwind или Html/CSS, а можно просто себе в фигму и там уже довести его до ума.
Мне кажется, неплохо, чтобы быстро найти вариант, как сделать свой концепт поживее и поинтереснее или вдохновиться на анимацию.
Этот ресурс уже на доске

Чекнуть ресурс ▶️

💬 Тултип

Анимации в интерфейсе

До анимаций в интерфейсе обычно доходят в последнюю очередь — когда кажется, что всё остальное уже доведено до идеала (никогда). Про анимации часто говорят, но действительно полезной информации о том, как их правильно использовать, не так уж много.
На русском языке внятных гайдлайнов я не нашёл, поэтому собрал подборку англоязычных источников. Эти материалы помогут разобраться:
· когда анимация действительно нужна;
· какой она должна быть, чтобы не мешать, а улучшать опыт пользователя;
· как корректно подготовить и передать анимацию разработчикам для продакшна

Как передают анимацию в разработку в Wise

Криптокошелек Family и про консистентность анимации в нем

Как устроены 2D,3D анимации и motion в Cash App

Material Design 3: Motion physics system

Animation/Motion дизайн токены от дизайнера LinkedIn

Дизайнер из IBM рассказывает про основные параметры анимаций

Если есть примеры русскоязычных статей про анимации в интерфейсах — жду ваши ссылки в комментах👁

💬 Тултип

Как делают вкусные сайты?

Недавно поймал себя на мысли: а как вообще делают все эти крутые 3D-анимации на сайтах, где можно покрутить модельку мышкой или подвигать что-то скроллом? Типа вот этого или вот этого

Расскажу, как сам это понял. В основе лежит WebGL — штука, которая напрямую общается с видеокартой и позволяет рисовать 3D прямо в браузере. Но в самом WebGL хер разберешься, поэтому обычно никто не пишет напрямую на нём. Вместо этого используют Three.js — такую библиотеку-надстройку. С ней уже всё проще: создал сцену, поставил камеру, закинул свет, подгрузил модель — и у тебя на экране готовая тридэшка.

Дальше встаёт вопрос: а как оживить эту сцену? Чтобы не просто стояло, а красиво двигалось, реагировало на скролл, меняло угол обзора при движении мышкой. Тут подключается GSAP — библиотека для анимаций. Она отвечает за плавность, тайминги и синхронизацию: камеры двигаются вместе со скроллом, объекты появляются и исчезают как по нотам, всё крутится и переливается.

И вот именно связка Three.js + GSAP даёт тот самый эффект, когда сайт не просто смотришь, а прям хочется «пощупать» и залипнуть. В общем, тот самый эмоциональный дизайн.

Не то, чтобы это практически применимое знание для продуктового дизайнера, по всегда полезно расширить кругозор и иметь хотя бы верхнеуровневое понимание, что и как устроено. Может потом пригодится, когда решите делать очень дорогие лэндосы на фрилансе 🤑
Поэтому вот вам еще небольшая библиотека реализованных WebGl анимаций с открытым исходным кодом, чтобы вдохновляться

Покидайте в комменты сайты, которые вам настолько нравятся, шо прям не оторваться. Интересно будет глянуть 👁

💬 Тултип