Организация работы в Figma с помощью стикеров 💡

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

Эта неконсистентность увеличивала время, необходимое для изучения макетов, замедляя работу как внутри команды, так и коллег, которые взаимодействовали с дизайном.

Решением стало создание дизайн-гайда, который унифицировал наши подходы и методы работы. Одним из элементов этой унификации стала система стикеров, она помогла нам стандартизировать оформление макетов и пользовательских сценариев.

Как это работает? Все стикеры делятся на 4 категории: Primary, Temporary, Informational и Research.

💎 Primary Stickers (UX comment, User action, Component behavior): описывают ключевые аспекты дизайна, поведение компонентов и действия пользователя

🔄 Temporary Stickers (Open UX question, Question to PM, Comment for future): работают в качестве внутренних заметок, фиксируют текущие вопросы и уведомляют о планируемых изменениях

🔗 Informational Stickers (Link to functional requirements, Link to Jira issue): обеспечивают связь дизайна с задачами и документацией

🕵 Research Stickers (Good, Bad): фиксируют отметки, сделанные в процессе анализа референсов

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

Присоединяйтесь к обсуждению и делитесь своим опытом! 💬 Как вы описываете поведение пользователя и элементов интерфейса в своих проектах?

Наш дизайн-гайд можно посмотреть здесь 👉 UX Design Guide