Саша Окунев для профи
15 января 2023
Как безопасно накатывать обновления на компоненты из библиотек в Figma
Когда работаешь в большом проекте, в котором используются библиотеки, всегда есть риск, что что-то сломается. Например, может прилететь обновление компонента, у которого изменилась структура, а на его экземплярах (instance) были настроены оверрайды.
Это приводит к тому, что после апдейта экземпляр в файле потеряет контент, который в нём был.
Когда у нас сотни файлов и экранов в них, слетевший ценный контент может стать большой проблемой для команды. Так что мы, как хранители UI-кита, бережём нервы наших дизайнеров и следим за тем, чтобы ни у кого ничего не слетело.
С этим можно бороться через функцию Review Updates. В этом уроке я покажу, как при помощи неё последовательно восстановить контент в каждом экземпляре.
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a27fb93d-5930-4f18-ba0f-d271dfbef57f/library.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a27fb93d-5930-4f18-ba0f-d271dfbef57f/library.png" width="40px" /> Tutorial Kit
</aside>
Для начала рассмотрим файл библиотеки. Его можно скачать из Community и повторить урок самостоятельно.
Напомню, что функция библиотек доступна в Figma начиная с тарифа Professional.
В библиотеке мы видим два компонента:
screen-header
number
screen-header можно использовать для оформления макетов. Он содержит место для заголовка экрана, описание и порядковый номер. На его примере будем менять структуру, чтобы контент слетал, а мы его восстановили.
Теперь посмотрим на макет с экземплярами. Его придётся воссоздать самостоятельно.
Видим, что в оверрайдах прописаны номера экранов.