Организация рабочего пространства в Figma 📱
У меня довольно часто появляется навязчивое желание оптимизировать, автоматизировать и улучшать всё, что меня окружает. Моё рабочее пространство в Фигме, где я провожу ~70% своего рабочего времени, не стало исключением. И я решил поделиться, что мне помогает организовывать порядок в файлах и как следствие в голове
1. Обложки для файлов. Ну тут, наверное, базовая база, но иногда вижу, что не все ставят обложки, из-за чего не всегда понятно, тот ли это файл, что ты ищешь, и что это за файл вообще (а ещё бывает, что он и не назван нормально, и тебе приходится открывать и проверять файл). В каждой обложке я прописываю название проекта, иногда пишу сущность проекта (приложение, веб, презентация, тестовое и т. д.) и ставлю маркер для быстрого визуального поиска (personal/work/advent)
2. Страницы внутри файла. Я стараюсь логично делить файл на страницы. Если это проектирование, то каждый этап на отдельной странице, если макет для разработки, то каждая страница/раздел приложения/сайта/продукта на отдельной странице (в зависимости от размера проекта). Подбираю иконки для каждой страницы, пользуюсь дивайдерами для разделения групп страниц. И в каждом файле создаю страницы «Bin» (для черновиков и материалов, которые засоряют рабочую область, но могут пригодиться) и «Thumbnail» (для обложки файла)
3. Нейминг слоёв. Как ещё можно ублажить своего внутреннего перфекциониста? Тут я вижу несколько плюсов: во-первых, макеты выглядят аккуратно, и может косвенно говорить о подходе к рабочему процессу дизайнера, во-вторых, в таком макете банально проще разбираться как дизайнеру, так и разработчику (но насчёт разработки хз, возможно, панели inspect там достаточно, и в слои даже никто не смотрит), в-третьих, я предполагаю (сам не пользовался), что будет удобно пользоваться поиском внутри фигмы, когда элементы называются так, как и должны
4. Организация макетов. Все макеты стараюсь показывать так, чтобы любой человек вне контекста проекта мог в нём разобраться. Обычно добавляю плашки с лейблами для секций/экранов, показываю флоу стрелочками из FigJam'а, оставляю стикеры с комментариями
Ещё есть система статусов и работа с библиотеками, но эти моменты делаются по договорённости с командой, поэтому не буду отдельное внимание уделять. Вообще, постоянно ищу способы как можно лучше организовать проекты и рабочее пространство. Поэтому, если у вас есть какие-то свои фишечки, то делитесь в комментах 💬