Почему следует содержать 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
Обсуждение
Похожее
Шпаргалка по правильным сочетаниям цветов
Арт-районы: АртЗона798 в Пекине
The Next Big Thing: Адаптивные иконки