Как управляться с очень большим проектом в Figma

Большой проект с множеством макетов и железо нагружает, и мешает в нем ориентироваться. Решение одно: наводить порядок, убирать ненужное в отдельные файлы или вообще разбивать проект на несколько отдельных документов.
#порядок
#структура
#проект в Figma

Три главных предмета в фокусе внимания

1

Helicopter view

Периодически осматривайте всю страницу на маленьком масштабе — удается ли считать общую структуру?
2

Старые макеты

Все что уже неактуально лучше удалять или выносить в отдельный документ. В больших проектах мусор сильно мешает сориентироваться.
3

Железо

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

Например

Хороший образец

Мы используем такую систему файлов и библиотек. Дизайн-система Собаки

Так делать не надо

Вести весь проект на странице «page 1».

Инструменты

Хорошее железо

чтобы не тормозило на ровном месте.

Большой монитор

не роскошь, а производственная необходимость.

Версионность

черновики и промежуточные варианты останутся в версиях файла.

Создание скринкастов

скринкасты помогут разобраться в объемом макете лучше, чем инструкции или объяснения голосом.
Не всегда, но часто проект разрастается по искусственным причинам. Не сам проект большой, а люди не могут навести там порядок и структурировать все, что они сделали. Не нужно оценивать объем проекта по количеству мусора в рабочем файле. Оценивайте объем по количеству готового к передаче материала. А все остальное смело подчищайте — удаляйте, выносите в отдельные файлы.
Евгений Романовский, руководитель проектного офиса «Собаки Павловой»

5 советов,
как делать
хорошо

1

Используйте список слоев для навигации

Сворачивать и разворачивать дерево слоев можно с помощью горячих клавиш.
2

Используйте большие заголовки или секции

При взгляде с высока должна быть понятна структура макетов на странице. Для этого можно использовать крупный шрифт или новую фичу — секции с динамическим заголовком.
3

Разбивайте на страницы

По функциональности, по итерациями, по степени готовности или как-то еще. В зависимости от типа проекта один из способов будет работать лучше, чем другие.
4

Разбивайте на файлы

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

Подсвечивайте изменения

Если проект находится в активной фазе, используйте явные визуальные маркеры, отмечающие последние изменения. Еще лучше — прямо в Figma вести чендж-лог.

Хотите у нас научиться?

1000+ упражнений по дизайну интерфейсов. eduhund.com

Ищете подрядчика или команду?

Давайте обсудим вашу задачу we@sobakapav.ru 7 (933) 484-26-80