Компоненты в Figma - это элементы интерфейса/дизайна, которые можно редактировать массово. Что в свою очередь, позволяет экономить много времени.
Простой пример компонента:
Создаем любую кнопку (или рассматриваем на примере карточек товаров), делаем ее компонентом и дублируем один или более раз. В этом случае, самая первая кнопка ялвяется "мастер компонентом", а все последующие дубли - "дочерние". В "мастере" можно изменить цвет, размер, текст кнопки и в каждом дочернем компоненте, эти изменения будут сохранены.
Таким образом, не нужно рисовать повторно одинаковые элементы, достаточно сделать компонентом первый элемент, дублирующий себя по всему сайту и управлять параметрами всех дублирующих кнопок - мастер компонентом.
Для того, чтобы создать компонент, достаточно выбрать любой элемент в вашем макете, нажать на него ПКМ (правой кнопкой мыши) и выбрать "Create component". Или воспользоваться горящими клавишами «Ctrl + Alt + K» на Windows и "Cmd + Option + K" на Mac.
