Components are the building blocks of scalable and efficient designs in Framer. Whether we're creating buttons, nav bars, cards, or footers, components allow us to design once and reuse elements across our projects. Using components, we can speed up our workflow, maintain perfect consistency, and make global changes to elements across our entire project or multiple projects in just a few clicks. In this lesson, we'll explore how to create, customize, and manage components in Framer and how to make components super flexible with variants and variables. Let's jump in. Before we create our first component, let's look at what we're working with to figure out what makes sense to turn into a component in the first place.
Компоненти — це будівельні блоки масштабованих та ефективних дизайнів у Framer. Створюючи кнопки, навігаційні панелі, картки чи футери, Компоненти дозволяють розробити дизайн один раз і використовувати елементи в проєктах. Використовуючи Компоненти, ми прискорюємо робочий процес, підтримуємо ідеальну послідовність та вносимо глобальні зміни в елементи проєкту чи кількох проєктів лише за кілька кліків. В цьому уроці ми вивчимо, як створювати, налаштовувати Компоненти у Framer та керувати ними, а також як зробити їх гнучкими за допомогою варіантів та змінних. Давайте почнемо. Перш ніж створити наш перший компонент, давайте подивимося, з чим ми працюємо, щоб зрозуміти, що взагалі має сенс перетворювати на компонент.