Рисование фигур
Нижняя панель инструментов содержит инструменты для создания фигур, фреймов и секций. Выберите инструмент, затем кликните и перетащите на холсте для рисования.
Инструменты панели
| Инструмент | Сочетание | Описание |
|---|---|---|
| Прямоугольник | R | Рисует прямоугольник |
| Эллипс | O | Рисует эллипс |
| Линия | L | Рисует линию |
| Фрейм | F | Рисует фрейм (контейнер для других узлов) |
| Секция | S | Рисует секцию (автоматически включает перекрывающиеся соседние элементы) |
Выпадающее меню фигур
Выпадающее меню фигур (доступно из панели инструментов) содержит дополнительные фигуры:
- Многоугольник — создаёт многоугольник с 3 сторонами по умолчанию (треугольник)
- Звезда — создаёт 5-конечную звезду с внутренним радиусом 0.38
У многоугольника и звезды нет сочетания клавиш — доступ через выпадающее меню фигур на панели инструментов.
Пропорциональное рисование
Удерживайте Shift при перетаскивании, чтобы ограничить пропорции фигуры:
- Прямоугольник → квадрат (одинаковая ширина и высота)
- Эллипс → круг
- Линия → фиксация под углами 0°/45°/90°
Свойства фигур
После рисования фигуры выделите её, чтобы редактировать свойства на вкладке «Дизайн» панели свойств.
Заливка
У каждой фигуры может быть заливка. Раздел заливки поддерживает:
- Сплошной цвет — выбор через HSV-палитру или ввод hex-значения
- Градиент — линейный, радиальный, угловой или ромбовидный с редактируемыми контрольными точками
- Изображение — выбор файла изображения в качестве заливки
Обводка
Добавление контура к любой фигуре. Свойства обводки включают:
- Толщина — равномерная или по сторонам (верхняя/правая/нижняя/левая) через выпадающий список
- Цвет — сплошной цвет с прозрачностью
- Выравнивание — внутри, по центру или снаружи границы фигуры (рендеринг на основе обрезки соответствует поведению Figma)
- Стиль окончаний — без, скруглённые, квадратные, стрелки (линии), стрелки (равносторонние) (для открытых контуров)
- Стиль соединений — митра, скос, скругление
- Штриховой шаблон — штрих/пробел
Скругление углов
Доступно для прямоугольников, фреймов, компонентов и экземпляров. Нажмите переключатель независимых углов, чтобы задать каждый угол (верхний левый, верхний правый, нижний левый, нижний правый) отдельно.
Эффекты
Добавление визуальных эффектов из раздела «Эффекты»:
- Тень — смещение, радиус размытия, распространение, цвет
- Внутренняя тень — те же настройки, отображается внутри фигуры
- Размытие слоя — размывает весь узел
- Размытие фона — размывает содержимое за узлом
- Размытие переднего плана — размывает содержимое перед узлом
Нажмите +, чтобы добавить эффект. Каждая строка эффекта сворачивается, с встроенными элементами управления. Нажмите значок глаза, чтобы включить/отключить эффект.
Фреймы и секции
Фреймы — это контейнеры. Перетащите фигуры внутрь фрейма, чтобы сделать их дочерними элементами. Фреймы могут обрезать содержимое (по умолчанию выключено) и поддерживают авто-раскладку.
Секции — это контейнеры верхнего уровня, которые автоматически включают перекрывающиеся соседние узлы при рисовании. Они полезны для организации больших холстов в логические области. У секций есть заголовок-бейдж, который можно перетаскивать.
Сочетания клавиш
| Действие | Mac | Windows / Linux |
|---|---|---|
| Прямоугольник | R | R |
| Эллипс | O | O |
| Линия | L | L |
| Фрейм | F | F |
| Секция | S | S |
| Ограничить до квадрата/круга | Shift + перетаскивание | Shift + перетаскивание |
Советы
- Секции могут существовать только на верхнем уровне — их нельзя вложить внутрь фреймов.
- Используйте фреймы с авто-раскладкой для создания адаптивных макетов.
- Экспортируйте отдельные фигуры или группы как изображения через панель свойств или контекстное меню.