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

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

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

Если вам передали плохо организованный макет, следуйте следующим рекомендациям:
— Сосредоточьтесь на наведении порядка в файле вместо того, чтобы жаловаться на другого дизайнера. Это поможет сохранить позитивный настрой
— Перед началом работы сообщите команде, что вам нужно время для организации макета
— Обсудите с менеджером проекта чёткие критерии того, как должен выглядеть Figma-файл
— Автоматизируйте каждую задачу, чтобы сделать процесс быстрым и точным
— Прежде, чем начать работу, сделайте дубликат файла. Возможно, информация из него вам еще понадобится
— Исключите из основного файла всю лишнюю информацию
— Для наведения порядка в типографике автор использует плагины Style Organizer: figma.com/community/plugin/816627069580757929/Style-Organizer и Similayer: figma.com/community/plugin/735733267883397781/Similayer. Чтобы узнать, как он это делает, смотрите Видео 1: youtube.com/watch?v=kOickhBcbGg&t=16s
— Для организации цветов автор использует плагин Automate Color Styles: figma.com/community/plugin/979441006797488478/Automate-Color-Styles. Процесс он показывает в Видео 2: youtube.com/watch?v=hrWMekFiXA4
— Создайте компоненты. Вы узнаете, как это сделать, из Видео 3: youtube.com/watch?v=ys1_G-wTEPM

Статья полностью: uxplanet.org/organize-figma-files-af6202b29d21

Поделиться
Отправить
Запинить

Обсуждение