Logo
  • Бренд
  • Визуальный язык
    • Основы визуального языка
    • Палитра
    • Типографика
    • Иконографика
    • Структура и сетка
    • Эффекты
    • Анимации
  • Компоненты
    • Токены
    • Компоненты
  • Редполитика
    • О редполитике
    • Пишем чисто
    • Пишем просто
    • Пишем компетентно
    • Пишем для человека
    • Интерфейсные тексты
    • Глоссарий
  • Документация
    • Доступность
  • Figma
    • Принципы
    • Начало работы
    • Команды и проекты
    • Инструменты
    • Процесс
    • Дизайн-ревью
  • Благодарности
Команды и проекты
Команды
Команды в Figma VK организованы по продуктам, которые они разрабатывают. Вы можете вступить в любое количество команд и следить за работой коллег.
Проекты
Проекты позволяют организовать хранение дизайн-документации наподобие папок в системе. При создании проекта убедитесь, что команда имеет к нему доступ для редактирования.
Типы проектов
Для поддержания порядка и упрощения работы с проектами мы рекомендуем придерживаться определенных правил в наименовании категорий и добавлении смайлов.

  • Desktop — всё, что связано с web и мобильный веб
  • iOS — для хранения экранов приложений и iPad
  • Android — для Android-приложений
  • Design System — для хранения ваших UI-китов и других технических файлов. Также в этой папке обычно находятся Master—файлы с ключевыми экранами продукта
  • Promo — для промоматериалов, лендингов, писем
  • Archive — все неактуальные файлы и библиотеки
Обложки файлов
Для продуктов дизайн-системы Paradigm разработан специальный компонент для обложек. Мы рекомендуем использовать его для своих продуктов. Компонент уже встроен в шаблоны новых задач, если нет обратитесь к вашему руководителю или Валере. Все настройки делаются через параметры компоненты, не нужно настраивать элементы вручную.

Информация для отображения на обложке:
  1. Аватар дизайнера ответственного за макет, может быть несколько. Номер задачи
  2. Название проекта – текстовое краткое название фичи или задачи
  3. Иконка продукта
  4. Тег платформы – есть теги для продукта и для промо. Можно использовать до 4 тегов
  5. Изображение – если это поможет быстрее считать информацию из файла можно добавить изображение на обложку
Существуют три цветовые схемы обложек. Например, можно выделить дизайны продукта - черным, дизайны коммуникаций - белым, а дизайн исследований синим.

Переключение цветов осуществляется инструментами Figma.
Изображения имеют 3 формата:
  1. Desktop - для этой версии ставим через fill изображения макетов для веба и десктопа соответственно
  2. Mobile - для мобильной версии подойдут макеты приложения, тача, и промо на сплешах, шторках и тд.
  3. Promo - в часть промо ставим изображение на весь формат компонента