​​​🖼️​ Оформить макет
  • ​​Что сейчас кажется очевидным и понятным в задаче, забудется полностью уже через две недели. Помните об этом при оформлении макетов и старайтесь фиксировать процесс работы над задачей, нюансы пользовательского опыта и логику прямо в Figma. Это поможет и другим дизайнерам быстрее входить в контекст того, над чем вы работаете.
​​

​​Отдельные макеты под отдельные задачи

​​Задачи нужно разбивать на отдельные макеты. Не должно быть так, чтобы в одном макете хранилось 7 разных задач на разных страницах. Это плохая история: со временем файл начнёт дольше грузиться и медленнее работать. Посмотрите на файлы сообществ в скетче. Подобная история будет ожидать и макеты в Figma. 
​​

​​Понятные названия

​​Такие макеты должно быть просто найти. Значит, у них должно быть понятное и логичное название на английском. Это же название/вариант на русском необходимо дублировать и на обложке макета.
​​

​​Статусы

​​Старайтесь обновлять статус задачи с помощью обложек. Не забывайте про отдельные статусы и внутри макетов.
​​

​​Все платформы на одной странице

​​Не нужно разбивать платформы на разные макеты. Все платформы должны быть в одном месте, на одной странице. 
​​

​​Хедер платформы

​​Хедер над макетом должен включать название платформы, название задачи, статус макетов под ним. Опционально можно использовать текстовое описание и стикеры ссылки на задачи в Jira, документацию в пейпере или Confluence, ссылку на прототип. Используйте цвет футера, чтобы обозначить платформу.
​​

​​Правильный набор страниц

​​Это главная страница со всеми макетами, опциональная страница для временных макетов (из которой вы чуть позже переносите всё на главную), компоненты, архив и метаданные.
​​

​​Ссылайтесь правильно

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

​​Один файл под шаблоны

​​Это именно тот файл, который может содержать базовые макеты (страница сообщества, профиль). На этот макет можно ссылаться при работе с маркетингом. Основные экраны также можно выносить и в библиотеки. 
​​

​​Содержание в файле с шаблонами

​​Главный макет может иметь содержание — ссылки на все макеты, разбитые на разделы. Это поможет не прыгать по поиску и не искать необходимый макет среди обложек. 
​​

​​Импорт макетов из скетча

​​Импорт не всегда хорошо работает: в скетче другая система папок, поэтому при импорте появляются лишние слои, есть проблемы с масками и стилями, не работают компоненты.
​​
​​Если собираетесь импортировать — старайтесь использовать импортированные макеты по минимуму. Импорт может помочь в макетах веба, потому что в них нет компонентов. Путь такой:
  1. ​​Скопировали скетчевый макет в отдельный файл.
  1. ​​Задетачили символы.
  1. ​​Загрузили в Figma.
  1. ​​Перенесли нужные экраны в основной файл (если веб) или накопировали тексты (если мобилка).
  1. ​​Удалили импортированный файл из Figma.
​​
​​Если импортированный файл часто нужен, то его можно держать в черновиках.
​​