Структура библиотеки компонентов в Figma на примере большого банковского приложения

Структура библиотеки компонентов в Figma на примере большого банковского приложения

В данной статье уделим внимание тому, как организовать библиотеку компонентов по итогам оптимизации проекта Figma: поговорим о структуре, о логике названий, а также об особенностях расположения элементов.

  • Дизайн-студия Mish, продолжительное время занимались дизайном двух мобильных приложений для SBI банка: классического банкинга для взрослых и отдельного банковского приложения для детей.
  • Через полгода работы файлы проекта начали сильно тормозить, поэтому они взялись за капитальную оптимизацию. Решили организовать библиотеку так, чтобы сложные компоненты состояли из простых, где при этом уровней вложенности компонентов может быть несколько: самые маленькие составляющие — иконки, шрифты, геометрические фигуры; самые большие — списки, карточки, экраны.
  • Подробный разбор по ссылке в источнике.
Информация была полезна для вас?

Расскажите пожалуйста что мы можем улучшить?

оцените контент и участвуйте в выборе трендов

Обзор Figma

Дизайн & Креатив Приложение для дизайна сайтов и приложений. Удобна для совместной работы

Подробнее...