Что такое компоненты в Figma? Как работать с компонентами?

Одним из способов в разы ускорить разработку дизайна сайта – использовать компоненты.

Компоненты в Figma – это часть дизайна сайта, которая повторяется на всех или некоторых страницах (шапка, подвал, сайдбар). Когда вы меняете что-то в этой части, то аналогичные изменения происходят на всех страницах. Уточнение! Изменения нужно делать на самой первой странице, где вы только создали компонент.

Теперь нагляднее покажу его работу.

Для того чтобы создать компонент нужно на элемент или группу элементов кликнуть правой кнопкой мыши и выбрать соответствующий пункт меню.



После этого его иконка изменится.



Это значит, вы создали родительский компонент.

Если вы скопируете данную группу на другую страницу, то ее иконка станет уже другой.



Данная иконка показывает, что это дочерний компонент.

То есть если вы в самый первый компонент внесете изменения, то и на остальных эти изменения также произойдут.

Более подробную работу с компонентами я провожу в своих видео уроках. Подпишитесь на мой канал, чтобы получать знания по веб-дизайну. https://www.youtube.com/channel/UCpEBkr_Niarn3lEMIvEsFJg