Установка
Figma

Шаг 1. Установка программы

1. Зайди на сайт figma.com
2. Нажми кнопку «Sign up»

3. Введи почту в поле Email, придумай пароль и введи его в поле Password, нажми кнопку «Create account» и заполни оставшиеся поля.

4. На открывшемся сайте открой меню (в левом верхнем углу) и нажми «Get Desktop App».

5. Установи программу

Шаг 2. Создание фрейма

3. Выбери необходимый шаблон, кликнув на него мышью.

1. В пункте меню выбери инструмент Frame.
2. В правой панели ты увидишь шаблоны для разных типов экранов и печатной продукции.

3. Ты можешь изменить размеры фрейма, потянув за его стороны или углы.

Создание шаблонного фрейма

1. В пункте меню выбери иснтрумент Frame, после чего курсор приобретет вид плюса.
2. Нарисуй фрейм любого размера, зажав левую клавишу мыши.

Создание фрейма собственного размера

4. Также размеры фрейма можно указать в численных значениях Width и Height в правой панели редактора.

Шаг 3. Создание модульной сетки

1. Выдели фрейм, кликнув на него.
2. В правой части меню выбери пункт Layout Grid, после чего на макет добавится сетка в клетку, размер которой можно изменять.

4. Ты можешь добавить несколько сеток на свой фрейм, нажав на плюс справа в пункте Layout Grid.

3. В выпадающем меню Grid выбери пункт Columns, после чего на фрейм добавится колоночная сетка. Здесь можно настроить количество колонн (Count),
расстояние от края фрейма (Margin), расстояние между колоннами (Gutter), центрирование сетки (Stretch), ширину колонн (Width) и цвет направляющих (Color).