Все файлы в Фигме нужно создавать не со своего личного или рабочего, а с единого аккаунта Out.Agency. Попроси доступ у @Anton Shayakhov

Организация файлов в Фигме зависит от типа работ, но есть и общие правила.

Общие правила для любого типа работы:

• Называем все файлы по шаблону название проекта / тип проекта / тип файла, например AWAD / iOS / Shareable или Smartway / Web / Drafts.
• Название проекта: имя клиента, например AWAD или Kelin, можно использовать кириллицу и латиницу, главное — чтобы это было максимально расхожее название.
• Типы проектов: Web-site, Web-UI, iOS, Android.
• Типы файлов: Drafts (внутренний для комментов и ревью), Shareable (для демонстрации клиенту и комментов от него).
• Чтобы в общем каталоге Фигмы файлов всё было красиво — создаём в файле страничку Cover, добавляем туда карточку-превью файла. Вот шаблон нашей плашки, бери отсюда.

Как организовать файлы при работе с прототипами их дизайном

• Создаём 2 файла с идентичной структурой страниц
  • Client / Website / Drafts — наш внутренний файл, в нём получаем комменты при внутреннем ревью и делаем доработки
  • Client / Website / Shareable — файл для клиента, его кидаем клиенту при согласовании и сдаче проекта
• Страницы называем в таком формате: тип работ / итерация / языковая версия, например Prototype / point 1 / RU или Design / final / ENG. Если язык один, просто не пишем его.
• Структура страниц и в Drafts и в Shareable обычно получается примерно такая:
  • Point 1 → Point 2 → Point 3 → Buffer → Final
• Структура меняется от количества поинтов (итераций) — может быть 1 поинт, а может 3.

<aside> 💡 А вот пример работы со страницами и фреймами в разрезе реального проекта:

1. Cоздал файлы Drafts и Shareable, создал внутри них идентичную структуру страниц
2. Создал фрейм Proto 1.1 на странице Proto / Point 1, сделал в нём Прототип 1.1
3. Отправил команде на ревью, получил в этом же фрейме комменты
4. Создал фрейм Proto 1.2 справа на той же странице, и сделал доработки
5. Утвердил с командой версию, скопировал её на страницу Proto / Point 1 в Shareable-файл и отправил клиенту на согласование (с видеопрезентацией или после созвона)
6. Получил комменты клиента в Shareable файле (или сам добавил во время созвона)
7. Далее приступаешь ко второй итерации, повторяя шаги 2-5, только на странице Proto / Point 2
8. Buffer — страница для окончательных доработок перед правками
9. Final — страница с окончательно утвержденным вариантом. Например, дизайнер для дизайнирования будет брать прототип именно со страницы Proto / Final в Shareable-файле. А когда закончит и утвердит дизайн, то положит макет на страницу Design / Final

</aside>

Как организовать файл при работе с интерфейсами и крупными сайтами

• Все макеты по одному проекту храним в одном файле в Фигме. Под одним проектом понимается единая сущность, объединённая общими дизайн-гайдами (например, сайт, приложение или рассылка). При этом сайт и мобильное приложение — это два разных проекта, и под каждый нужно создать отдельный файл в фигме.

• Если проект содержит несколько разных макетов (например, несколько страниц сайта или несколько разделов в приложении), создаём для каждого отдельного макета отдельную страницу в Фигме (как на скриншоте справа). Для неактуальных версий создаём страницу Archive.
• Стараемся отходить от практики Sharable / Drafts для многостраничных/многоэкранных макетов, чтобы не терять компоненты и стили при переносе между файлами.