Проект в Фигме →

Шейпы (shapes) — векторные фигуры с закрытым периметром. Если периметр разорван, шейп превращается в путь (path).

Figma позволяет создавать следующие типы шейпов:

Если выбран инструмент любого шейпа, при клике на рабочую область будет создана фигура размером 100х100.

Прямоугольник

Рисуем квадрат: R Shift тянем. Если зажат Shift, во время перетаскивания фигура будет сохранять равную ширину и высоту.

Чем отличаются фреймы и прямоугольники

Цель фреймов в Figma — быть границами макета. Поэтому они заточены под работу с сеткой, имеют предустановленные пропорции популярных размеров экрана и фоновую заливку.

Цель прямоугольных шейпов — быть видимой формой внутри фрейма. Это универсальный пластилин, который больше подходит для рисования кнопок и блоков. Поэтому шейпы помимо заливки имеют обводку, скругления углов и эффекты.

Ещё прямоугольники служат для отображения растровых изображений, которые накладываются на них как заливка.

Линии, которые их формируют, можно разрывать и искажать, уходя от изначальной формы прямоугольника.