Как навести порядок в бесконечных версиях экранов
Наведение порядка в Figma-файле — это постоянная гигиеническая задача, потому что в процессе реальной работы проект обрастает огромным количеством промежуточных версий и черновиков. Идеальный порядок недостижим, нужно договариваться с коллегами, какого порядка будет достаточно.
Три главных предмета в фокусе внимания
-
Список изменений, которые ты планируешь сделать
Пока неизвестен объем, сложно придумать схему ведения версионности.
-
Возможности Figma для наведения порядка
Версионность, секции, массовое переименование фреймов, да и просто огромные плашки с заголовками для разделения пространства экрана.
-
Итерации
В начале проекта структурирование по итерациям — достаточно аккуратный способ, не требующий большого количества времени на наведение порядка.
5 советов,
как делать хорошо
- Разделяйте списки изменений
Отдельно храните задачи, которые делаете прямо сейчас, отдельно — планы и идеи на будущее.
- Разделяйте версионность рабочих экранов и отданных
Даже в уже переданные экраны придется вносить правки. Начинайте новый виток версий, не отдавайте в разработку экраны вида «Итерация 29».
- Обнуляйте
Дошли до какой-то стадии понятности — унесите все промежуточное в архив или, наоборот, вытащите все актуальное на отдельный лист.
- Не трогайте переданные фреймы
Разработчики могут вставлять в тикеты ссылки на конкретные фреймы. Если вам нужно внести в них изменения, сделайте резервную копию и работайте в финальной версии.
- Отключайте все компоненты в старых версиях макетов
Чтобы при изменении компонентов в архиве гарантированно оставались предыдущие варианты дизайна.
Например
После нескольких итераций концептуального поиска создали новый файл проекта и начали вести его с нуля.
У нас было большое количество однотипных экранов, и называть фреймы по логике было попросту невозможно. Мы давали им уникальные кодовые номера.
Хороший образец
Легкое структурирование с самого начала уменьшает количество бардака в процессе.
Так делать не надо
Не иметь версий экранов. Лучше неструктурированный бардак, который можно причесать, чем отсутствие возможности посмотреть на прошлые итерации.
Инструменты
Логика наименования версий x.x.x
1 цифра — обратная совместимость, 2 — минорные изменения, 3 — номер редакции, сборки
Страница «архив»
переносить неактуальное, не слишком убиваясь по наведению порядка
Версионность в Figma
используют редко, а зря
Подписка Enterprise в Figma
появляются ветки, как в GitHub
Допустимый уровень бардака — это не мнение одного человека, а коллективное соглашение о том, какой уровень допустим. Об этом нужно договариваться заранее, и если вы вылезли за рамки соглашения, то и наводить порядок придется всем вместе.
Евгений Романовский, руководитель проектного офиса «Собаки Павловой»
Другие шпаргалки
Ищете подрядчика или команду?
Давайте обсудим вашу задачу.
Хотите у нас научиться?
1000+ упражнений по дизайну интерфейсов.
eduhund.com
Собака Павлова
На сайте есть упоминания социальных сетей, признанных на территории РФ экстремистскими организациями
Кое-что показываем и рассказываем на весь интернет
, интересное в 
, полезное на 
Санкт-Петербург • Подгорица • Хайфа
Адрес для почтовых отправлений: 194291, Санкт-Петербург, ул Руднева, д. 9 к. 3 литера А, кв. 169