🏁 Онбординг для новичка
Привет! Ты присоединился (-ась) к большому и сложному продукту, которым пользуются миллионы людей. Вместе с тобой нам предстоит проектировать понятные интерфейсы, которые прежде всего будут удобными.

Получение доступов

Мы работаем в Figma. У нас есть корпоративное пространство, поэтому напиши наставнику, чтобы он пригласил тебя в наши проекты. Инвайт придёт на корпоративную почту.

Раньше мы работали в Sketch, поэтому часть макетов всё ещё хранится в Dropbox. Если чего-то не хватает в Figma, наверняка макет можно найти там. Инвайт в Dropbox придёт также на корпоративную почту. 

Если тебе нужен Principle, After Effects, Photoshop, обращайся в Техподдержку ВК.

Тебе нужно поставить дев-сборку VK с самыми свежими фичами, которые ещё находятся в разработке. Для этого ты должен следовать инструкции.

Знакомство с командой

У нас маленькая, но дружная команда. Мы вместе работаем, ходим на обеды, проводим время вне офиса. Периодически устраиваем тимбилдинги, когда выбираемся вместе куда-нибудь (например, на скалолазание или картинг).

Если у тебя появляется вопрос или ты хочешь показать макет — смело пиши любому дизайнеру. Кроме того, у нас есть чат «ноготочки 💅», где можно получить быстрый фидбэк практически 24/7.

Командные чаты:
  • «ноготочки 💅»— быстрый фидбэк по макетам;
  • VKUI Figma · Internal — вопросы по Figma и дизайн-системе;
  • VKUI Library · Changelog — сюда загружаем новые иконки, чтобы добавить их в репозиторий;
  • дизайн-чат — флудилка с маркетингом;
  • Team · Департамент дизайна — командный чат, куда другие сотрудники приносят фидбэк и баги по дизайну.

Каждый четверг в 11:00 мы проводим ревью, где дизайнеры показывают свои последние работы и получают обратную связь в свободной форме. После выступлений участники закидывают ссылки на макеты и краткое описание задачи в резюме встречи и получают фидбэк в Figma. Это помогает держать планку дизайна в компании на высоком уровне и быть в курсе, чем занимаются другие дизайнеры — именно поэтому эта встреча является обязательной для всех.

Рабочий процесс

Нам очень помогает дизайн-система: не нужно с нуля собирать типовые экраны и реализованные компоненты. Все они уже созданы и описаны. Загляни в проект VK → VKUI Libraries. Если будут вопросы по дизайн-системе — пиши Мише или Ване.


Чтобы ускорить свою работу в Figma, прочитай эти гайды:

Мы нарезаем графику для разработчиков сами, используя плагин Android Resources Export и проставляя префикс ic_. Для iOS стандартно 1×, 2× и 3× в PNG. После выгрузки оптимизируем в ImageOptim. Подробнее про иконки можно почитать в руководстве.

Если нужно оптимизировать растровую графику в JPG, то лучше всего подойдёт Squoosh.

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

Ещё мы пользуемся плагинами, которые будут тебе полезны:
  • VK Data для заполнения данными из ВКонтакте;
  • VKUI Toolkit для финализации иконок;
  • Appearance для переключения тем;
  • Arrow Auto для карты экранов;
  • Reattach Instance иногда помогает восстановить связь с мастер-компонентом;