Рамка (Frame Tool) в программе Figma

Инструмент «Рамка» для создания арт-борда или холста макета (Frame Tool)

Frame Tool или по-русски «инструмент Рамка» необходим для создания областей, которые будут ограничивать по ширине и высоте наш интерфейс. Такие области обычно называются «арт-борды» или «холсты». Наиболее популярное слово арт-борд, поэтому, если далее вы услышите словосочетание «создайте арт-борд», то имейте ввиду, что для этого необходимо воспользоваться инструментом Frame Tool.

Чтобы воспользоваться первым способом создания арт-борда необходимо:

  • нажать клавишу F, затем на панели свойств выбрать один из заготовленных размеров холста для популярных устройств;
  • давайте выберем категорию Desktop, а затем кликнем на пункт Desktop HD. Отлично, арт-борд создан;
  • обратите внимание, арт-борд отобразился на панели слоев с названием Desktop HD.
  • Теперь, если мы начнем создавать какие-либо фигуры поверх него, то они будут попадать в его категорию:
    • это хорошо заметно если мы нарисуем прямоугольник снаружи, а затем нажать на стрелочку, которая располагается на панели слоев слева от названия заголовка;
    • как видите, слои относящиеся к арт-борду — свернулись;
    • если кликнуть, на какой-нибудь объект на панели арт-бордов, то категория арт-борда на панели слоёв автоматически развернется.

Чтобы воспользоваться вторым способом создания арт-борда, необходимо:

  • выбрать Frame Tool на панели инструментов или нажать клавишу F;
  • затем кликнуть на монтажной области и потянуть в сторону. Отлично, мы создали арт-борд;
  • теперь, чтобы указать точные значения его ширины и высоты, воспользуемся панелью свойств.
  • в верхней части найдем поле, рядом с которым стоит буква W, 1это первая буква слова Width, которое означает ширина. В этом полее введем з 960;
  • рядом с ним располагается поле с буквой H, это первая буква слова Height, которое переводиться как Высота, укажем в этом поле значение 2000;
  • Отлично. Мы рассмотрели два способа создания арт-бордов.

Что еще необходимо знать об арт-бордах?

  • чтобы переместить арт-борд, необходимо навести указатель мыши на его заголовок, затем кликнуть и потянуть в сторону;
  • количество арт-бордов, которые можно разместить в пределах монтажной области — не ограничено;
  • арт-борды можно вкладывать друг в друга;
  • для арт-бордов можно создавать колоночные и модульные сетки с помощью свойства Layout Grid.