08 Ноя 2022 2075 0

Пошаговое руководство Эдварда Чечика по наведению порядка в макетах, которые достались вам от другого дизайнера

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

Дарья Райт

Ведущий редактор в «Оди» в 2022–2024 годах

Почему следует содержать Figma-файлы в порядке:

Без структуры вам будет трудно ориентироваться в макете
Над файлом будут работать другие люди, у которых возникнут сложности при взаимодействии с неупорядоченным макетом
Работа в хаосе приведёт к ошибкам, которые могут стать причиной для трений с программистами и замедлить процесс разработки
Без использования стилей и компонентов на внесение любого изменения потребуется много времени
Беспорядок в макете говорит о том, что дизайнер не владеет навыками работы в Figma

Если вам передали плохо организованный макет, следуйте следующим рекомендациям:

Сосредоточьтесь на наведении порядка в файле вместо того, чтобы жаловаться на другого дизайнера. Это поможет сохранить позитивный настрой
Перед началом работы сообщите команде, что вам нужно время для организации макета
Обсудите с менеджером проекта чёткие критерии того, как должен выглядеть Figma-файл
Автоматизируйте каждую задачу, чтобы сделать процесс быстрым и точным
Прежде, чем начать работу, сделайте дубликат файла. Возможно, информация из него вам еще понадобится
Исключите из основного файла всю лишнюю информацию
Для наведения порядка в типографике автор использует плагины Style Organizer и Similayer. Чтобы узнать, как он это делает, смотрите Видео 1
Для организации цветов автор использует плагин Automate Color Styles. Процесс он показывает в Видео 2
Создайте компоненты. Вы узнаете, как это сделать, из Видео 3