Как навести порядок в бесконечных версиях экранов

Наведение порядка в Figma-файле — это постоянная гигиеническая задача, потому что в процессе реальной работы проект обрастает огромным количеством промежуточных версий и черновиков. Идеальный порядок недостижим, нужно договариваться с коллегами, какого порядка будет достаточно.
#порядок
#пространство экрана
#Figma

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

1

Список изменений, которые ты планируешь сделать

Пока неизвестен объем, сложно придумать схему ведения версионности.
2

Возможности Figma для наведения порядка

Версионность, секции, массовое переименование фреймов, да и просто огромные плашки с заголовками для разделения пространства экрана.
3

Итерации

В начале проекта структурирование по итерациям — достаточно аккуратный способ, не требующий большого количества времени на наведение порядка.

Например

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

Легкое структурирование с самого начала уменьшает количество бардака в процессе. Шаблон страницы проекта

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

Не иметь версий экранов. Лучше неструктурированный бардак, который можно причесать, чем отсутствие возможности посмотреть на прошлые итерации.

Инструменты

Логика наименования версий x.x.x

1 цифра — обратная совместимость, 2 — минорные изменения, 3 — номер редакции, сборки

Страница «архив»

переносить неактуальное, не слишком убиваясь по наведению порядка

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

используют редко, а зря

Подписка Enterprise в Figma

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

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

1

Разделяйте списки изменений

Отдельно храните задачи, которые делаете прямо сейчас, отдельно — планы и идеи на будущее.
2

Разделяйте версионность рабочих экранов и отданных

Даже в уже переданные экраны придется вносить правки. Начинайте новый виток версий, не отдавайте в разработку экраны вида «Итерация 29».
3

Обнуляйте

Дошли до какой-то стадии понятности — унесите все промежуточное в архив или, наоборот, вытащите все актуальное на отдельный лист.
4

Не трогайте переданные фреймы

Разработчики могут вставлять в тикеты ссылки на конкретные фреймы. Если вам нужно внести в них изменения, сделайте резервную копию и работайте в финальной версии.
5

Отключайте все компоненты в старых версиях макетов

Чтобы при изменении компонентов в архиве гарантированно оставались предыдущие варианты дизайна.

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

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

eduhund.com

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

А вот и мы: we@sobakapav.ru

+7 (495) 191-92-81