Before we dive into building anything, it's a good idea to get familiar and comfortable with the Framer interface. From a bird's eye view, you can think of this as being made up into four main parts: the toolbar across the top, the left sidebar, which can display several different panels; the right sidebar, which will show the properties panel the vast majority of the time; and the canvas in the middle. Let's unpack each of these main parts, starting with the toolbar. Furthest to the left, we have a button with a little Framer logo. This opens the main menu where you'll find a ton of actions and preferences.
Перш ніж ми зануримося у процес створення чогось, буде чудовою ідеєю добре ознайомитися та звикнути до інтерфейсу Framer. З висоти пташиного польоту, його можна розглядати як чотири основні складові: панель інструментів, що розташована зверху, лівий сайдбар, який може демонструвати кілька різних панелей; правий сайдбар, на якому здебільшого відображається панель властивостей; і полотно, що знаходиться по центру. Розгляньмо кожну частину, починаючи з панелі інструментів. Зліва ми бачимо кнопку з маленьким логотипом Framer. Вона відкриває головне меню, де ви знайдете безліч дій та налаштувань.