Как организовать фигму?

Как структурировать проект, чтобы всё было на своих местах

28 апреля 2023 года

Привет. Спасибо за вопрос, давай приведу пример на каком-то небольшом проекте.

Начну с банальной базы: у любого проекта должна быть обложка.

Дальше организовываем систему страниц, обычно она делится на:

1. Итоговые макеты, которые идут в разработку
2. Драфты, макеты над которыми еще работаем.
3. Архив, то что отбросили или не прошло апрув от арт директора.

Чтобы как-то отделять эти типы страниц - создаем пустые.

В итоговых макетах выстраиваем порядок слоев сверху вниз и обязательно их подписываем.

Создаем группы стилей для текста и цвета. Для шрифтов от H1 до caption. Для цвета все зависит от проекта, но обычно используем такие: Text & Iso, Control, Background, System.

Если делаем мобильное приложение, то все экраны должны быть в секциях и каждый раздел на отдельной странице.

Когда к нам пришел новый арт дир Леша, то он привнес такую штуку, что вверху каждого экрана/страницы ставим свитчеры: UX, дизайн, арт дирекшен, согласование с клиентом. И когда что-то из этого уже готово, переключаем свитчер. Если у тебя много экранов, то это помогает быстро понять какие из них готовы, а какие еще нет.

В макетах где нужно что-то объяснить разработчику или клиенту, добавляем рядом фигмовские заметки где пишем все информацию.

Файлы внутри проекта тоже организовываем, например дизайн систему собираем в отдельном файле либо актуальную версию макетов.

Если я не достаточно раскрыл тему или у тебя появились дополнительные вопросы, то пиши в комментарии нашего канала и я постараюсь побыстрее ответить :) Удачи, у тебя всё получится!

Данил Егоров

UX/UI-дизайнер

Есть вопросы для команды Crauch?
Мы готовы ответить!Заполняйте форму :)

Задать вопрос