В файле я завожу отдельную страницу, на которой хранятся все локальные компоненты проекта. Компоненты группируются в секции по принадлежности к разделам продукта.
Каждая страница в Figma соответствует конкретному разделу продукта. Я использую иерархическую нумерацию, которая условно отражает структуру продукта, как на сайт-мэпе. Так любой человек может найти нужный раздел, не зная файл наизусть.
Макеты на странице группируются в секции по действиям, которые пользователь может совершить в рамках этого раздела. Например, на странице списка задач будут отдельные секции: разные состояния страницы, создание задачи, редактирование, удаление, фильтрация.
К каждому макету я добавляю краткое описание того, для чего он нужен и другие необходимые детали. Это помогает аналитикам и разработчикам понять твою задумку без дополнительных объяснений.
Локальные компоненты — это обертки над компонентами из дизайн-системы или сборки из них, настроенные под нужды конкретного проекта.
Главная польза — экономия времени при внесении изменений. Например, Sidebar используется на 30 экранах. Если он обернут в локальный компонент, то, когда в него необходимо добавить новый контент, достаточно сделать это только в родительском локальном компоненте, и изменения применятся ко всем экранам. Без локального компонента пришлось бы вносить одно и то же изменение на каждом экране.
