Шрифт 100%
Звук
Шрифт 100%
Тема
Речь
Урок 12 · Часть 2 — Figma
Фреймы — холст для работы 
Фрейм — это холст, на котором вы создаёте дизайн. Как страница в документе, но с точными размерами.
Что такое фрейм?
Фрейм задаёт размеры вашего дизайна: страница сайта, экран телефона, слайд презентации. Всё, что вы рисуете — рисуется внутри фрейма.

Как создать фрейм
Нажмите клавишу F на клавиатуре или найдите иконку с решёткой в верхней панели инструментов.

Вариант

Как создать

Нарисовать вручную

Нажмите F, затем зажмите левую кнопку мыши и нарисуйте прямоугольник

Выбрать готовый размер

Нажмите F — справа появится список: iPhone, Android, Desktop, A4 и другие

Задать точные размеры

В правой панели введите ширину и высоту числами


Стандартные размеры для сайта 

ПК: 1200px

Планшет: 768px

Телефон: 375px

Для Tilda: 1200px


Для переноса в Tilda

Создавайте фреймы шириной 1200 пикселей. Именно этот размер корректно переносится из Figma в Tilda через функцию Импорт.


Панель слоёв — что это
Слева расположена «Панель слоёв» — список всех элементов на вашем артборде. Здесь вы можете найти любой элемент, переименовать его, скрыть или заблокировать.

Действие

Как сделать

Переименовать

Дважды нажмите на имя слоя в панели

Скрыть / Показать

Наведите на слой — появится иконка глаза

Заблокировать

Наведите на слой — появится иконка замка

Удалить

Выберите слой, нажмите Delete


Важная привычка

Всегда именуйте ваши слои и фреймы. Назовите: «Заголовок», «Фото», «Кнопка». Это экономит много времени при работе над большими проектами.




Made on
Tilda