Компонент в Figma — графический элемент, который может быть повторно использован в различных макетах и проектах.
Как же его создать?
1. Создайте элемент, который будете использовать в компоненте.
2. Выделите его, нажмите на кнопку создания компонента. Она располагается сверху и выглядит как ромб, внутри которого еще четыре ромба.
Горячая клавиша: Ctrl+Alt+K
Вы создали компонент. Все созданные вами компоненты будут располагаться во вкладке «Assets».
Оттуда их можно перетаскивать прямо в проект. Так получится копия компонента.
Различать главный и скопированный компонент очень легко. У копии иконка перед названием — это пустой внутри ромб. А у главного компонента внутри ромба есть еще четыре маленьких ромба.
Суть компонентов в том, что, изменяя главный компонент за ним меняются все копии. При этом если вы захотите поменять одну из копий, поменяется только она. Главная и остальные копии останутся без изменений.
Сегодня мы разобрали компоненты в фигме. Спасибо за прочтение.
У нас на аккаунте есть еще множество уроков и подборок, подписывайтесь и следите за обновлениями.
