Прямоугольник (Rectangle Tool) в бесплатной программе Figma (Фигма)

Прямоугольник (Rectangle Tool)

Rectangle Tool или по-русски Прямоугольник — позволяет создавать квадраты со скругленным краями и без них, а также прямоугольники.

С помощью этого инструмента создаются практически все элементы интерфейса: кнопки, панели, меню и многие другие.

Для того, чтобы нарисовать прямоугольник:

  • выберите его на панели инструментов или нажмите клавишу R;
  • затем наведите курсор на монтажную область, кликните и потяните в сторону, когда вас устроит размер прямоугольника — отпустите клавишу мыши.
  • отлично, прямоугольник создан.
  • Чтобы удалить прямоугольник, выделите его или обведите его на монтажной области или выберите на панели слоев и нажмите клавишу Delete.
  • если вы хотите создать квадрат, то в удерживайте клавишу SHIFT в момент создания. Давайте попробуем. Выберем Rectangle Tool, зажмем SHIFT и растянем его на монтажной области. Чтобы создать квадрат, сначала необходимо отпустить кнопку мыши, а затем клавишу SHIFT.

Обратите внимание на панели свойств, в группе свойств отвечающих за позиционирование объекта, его размер и радиус угла поворота появилось еще одно поле, которое позволяет задать прямоугольнику радиус скругления углов, давайте укажем значение 15, чтобы посмотреть как это работает. Как вы видите, теперь все углы стали скругленные. Иногда бывает необходимо, чтобы были скруглены только один или несколько углов, чтобы это сделать, необходимо выполнить следующие действия:

  • Давайте сбросим значение радиуса скругления углов на 0, введя это значение в поле.
  • Теперь дважды кликнем на прямоугольник, чтобы войти в режим редактирования кривых;
  • далее удерживая клавишу SHIFT кликнем по верхней правой и нижней левой точке, таким образом мы сможем задать им свойство скругления одновременно.
  • как вы можете заметить, теперь в правом верхнем углу мы видим панель свойств Vector — ее мы рассмотрим в другой теме, а сейчас нам важно, что в нем находится поле для указания радиуса скругления углов. Давайте введем туда значение 15.
  • Отлично, теперь два угла прямоугольника скругленные, а другие остались без измений.
  • Давайте выйдем из режима редактирования прямоугольника двойным щелчком на монтажной области.