Фрейм у Figma

Фрейм або артборд є основним елементом дизайну у Фігмі. Це закінчений документ, який може бути сторінкою сайту або екраном мобільного додатка.

Ви можете встановити розмір кадру самостійно або вибрати готові розміри екранів популярних пристроїв - ноутбуків, годинників, планшетів - в панелі інструментів праворуч.

Фрейм поєднує об'єкти в собі. Коли ви створюєте дизайн усередині кадру, до панелі властивостей зліва будуть додаватися у шари. Шари у Фігмі – це вміст вашого фрейму: об'єкти, текст, фотографії.

Ви можете згрупувати окремі об'єкти у фрейм або розбити його на об'єкти клавішами:

Windows / MacOS
Ctrl+Alt+G / Cmd+Opt+G об'єднати об'єкти у фрейм
Ctrl+Shift+G / Cmd+Shift+G розбити фрейм на об'єкти
Використовуйте панель праворуч, щоб вирівняти об'єкти у фреймі по осі X/Y або відстань між елементами.

Об'єкти всередині фрейму можна групувати. Допустимо, ви робите кілька сторінок сайту. На кожній сторінці внизу екрана будуть контакти: телефон і електронна пошта. Згрупуйте об'єкти з меню Object → Group Selection або клавішами Ctrl (Cmd) + G. Ви побачите зміни в шарах об'єктів — вони об'єдналися в групу. Тепер ви можете переміщати всі об'єкти разом.

Фрейм це закінчений дизайн, його можна завантажити одним файлом. У разі збереження переконайтеся, що всі об'єкти знаходяться всередині кадру. Якщо випадково перемістити шар об'єкта за межі кадру, можна втратити частину дизайну. Перед скачуванням, перевірте прев'ю файлу та виберіть потрібний формат.