Где стерка в фигме

В Figma нет отдельного инструмента под названием «стерка», как в традиционных графических редакторах, таких как Photoshop или Illustrator. Вместо этого для удаления фрагментов векторных объектов используются функции редактирования путей — особенно инструмент Vector и режим Boolean Operations. Удаление части фигуры выполняется через вычитание форм (Subtract) или ручное редактирование точек контура.

Figma — это векторный редактор на основе браузера, ориентированный на командную работу и прототипирование интерфейсов. Его архитектура отличается от привычных десктопных программ: здесь нет множества кистей, текстур и пиксельных инструментов. Вместо этого Figma делает акцент на точности, масштабируемости и логике работы с векторными шейпами. Поэтому понятие «стерка» как инструмента для затирания пикселей здесь неактуально. Однако дизайнерам часто нужно удалять части фигур — например, чтобы вырезать отверстие в кнопке, создать сложный контур или очистить лишние линии. Как это сделать — и где найти аналог стёрки — рассказывает эта статья.

Редактирование векторов — основа «стерки» в Figma

Figma строится на работе с векторными путями. Каждая фигура — это набор узлов (нод), соединённых сегментами. Чтобы «стереть» часть объекта, вы можете либо изменить его форму, либо вычесть из него другой объект. Прямого инструмента Eraser в интерфейсе нет, но есть несколько обходных способов, которые дают тот же результат.

Инструмент Vector (V) позволяет добавлять, удалять и перемещать точки на контуре. Выбрав фигуру и активировав режим редактирования, вы можете щёлкнуть по линии, чтобы добавить новую точку, а затем выделить сегмент и нажать Delete — это удалит его. Таким образом, вы можете разорвать контур и изменить форму, словно стирая ластиком.

Другой подход — конвертация фигуры в векторный путь. Даже простой прямоугольник можно преобразовать в вектор (через правую панель или Ctrl+Shift+K), после чего с ним можно работать как с любым другим path. Это открывает доступ к гибкой модификации формы.

Как использовать инструмент Vector для удаления частей

1. Выберите нужную фигуру на холсте.
2. Нажмите клавишу V или выберите инструмент Vector на панели слева.
3. Щёлкните по контуру, чтобы активировать режим редактирования узлов.
4. Добавьте точки в тех местах, где нужно начать и закончить «стирание».
5. Выделите сегмент между двумя точками и нажмите Delete.
6. При необходимости соедините оставшиеся точки новой линией или оставьте контур открытым.

Этот метод особенно эффективен при создании сложных иконок, обтекаемых форм или при необходимости точно контролировать контур.

Boolean Operations: Subtract как цифровая стерка

Один из самых мощных способов «стереть» часть фигуры — использовать операцию вычитания (Subtract). Она работает как цифровая стерка: вы накладываете одну фигуру поверх другой и вычитаете её форму, оставляя только видимую часть.

Boolean Operations в Figma позволяют комбинировать фигуры:

• Union — объединение;
• Subtract — вычитание верхнего слоя из нижнего;
• Intersect — пересечение;
• Exclude — исключение общих областей.

Чтобы выполнить вычитание:

1. Создайте базовую фигуру (например, прямоугольник).
2. Нарисуйте поверх неё другую фигуру (круг, квадрат, произвольный путь) в том месте, где нужно «стереть».
3. Выделите оба объекта (удерживая Shift).
4. На верхней панели инструментов нажмите иконку Subtract.

Результат — нижняя фигура будет иметь «вырез» по форме верхней. Этот метод идеален для создания отверстий, скосов или сложных композитных форм.

Особенности работы с Subtract

• Важно соблюдать порядок слоёв: верхний объект вычитается из нижнего.
• Если ничего не происходит — проверьте, не сгруппированы ли объекты и не являются ли они фреймами.
• После операции получается один составной вектор, который можно дальше редактировать.

Пошаговое вырезание части фигуры

Представьте, что вам нужно вырезать сердечко из центра прямоугольника. Вот как это сделать пошагово:

1. Нарисуйте прямоугольник — это будет фоновая фигура.
2. Добавьте векторное сердце поверх прямоугольника, точно позиционируя его.
3. Выделите оба объекта: сначала прямоугольник, потом сердце (или наоборот — главное, чтобы сердце было сверху).
4. Нажмите Subtract на верхней панели.
5. Готово: в прямоугольнике появилось отверстие в форме сердца.

Если нужно вырезать не отверстие, а изменить саму форму (например, обрезать угол), можно использовать другой подход:

1. Создайте треугольник или прямоугольник, который покрывает область для удаления.
2. Объедините его с исходной фигурой через Subtract.
3. В результате получится новая форма с обрезанным краем.

Маскирование — скрытие без удаления

Ещё один способ «стереть» — использовать маски. Маскирование не удаляет пиксели или векторы, а просто скрывает часть объекта. Это особенно полезно, когда вы работаете с изображениями, текстурами или группами элементов.

Чтобы создать маску:

1. Поместите изображение или группу объектов внутрь фрейма.
2. Выберите фрейм.
3. На правой панели найдите опцию Mask и включите её (значок глаза или маски).

Теперь всё, что выходит за границы фрейма, будет скрыто. Это работает как невидимая стерка — вы не удаляете контент, но он становится недоступным для просмотра.

Когда использовать маски вместо Subtract

• Когда вы работаете с растровыми изображениями.
• Когда нужно временно скрыть элементы без потери данных.
• Когда создаёте анимации или интерактивные прототипы — маски легко анимировать.
• Когда дизайн должен быть адаптивным, а форма обрезки меняется.

Плагины, имитирующие функцию стирания

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

Популярные плагины:

• Eraser for Figma — позволяет «рисовать» область для удаления, после чего автоматически создаёт вычитаемую фигуру.
• Vector Tools — расширяет возможности редактирования путей, включая быстрое удаление сегментов.
• Cutout — специализируется на вырезании сложных форм с помощью трассировки.

Чтобы установить плагин:

1. Откройте Figma, перейдите во вкладку Plugins.
2. Нажмите Find more plugins и введите название.
3. Установите плагин и запустите его через меню Plugins → [название].

Типичные ошибки и как их избежать

Новички часто сталкиваются с проблемами при попытке «стереть» в Figma. Ниже — распространённые ошибки и решения.

Ошибка 1: Ничего не происходит при нажатии Subtract

• Причина: объекты не являются векторными фигурами (например, это текст или растровое изображение).
• Решение: конвертируйте текст в кривые (Create Outlines) или используйте маски.

Ошибка 2: Удаляется не та часть

• Причина: неправильный порядок слоёв. Figma вычитает верхний объект из нижнего.
• Решение: измените порядок через Arrange → Bring to Front / Send to Back.

Ошибка 3: Контур становится открытым или ломается

• Причина: случайное удаление сегмента при редактировании вектора.
• Решение: используйте Undo (Ctrl+Z) и будьте аккуратны при работе с узлами.

Экспертное мнение

Современный дизайн интерфейсов требует точности и масштабируемости. Работа с векторами через Boolean Operations не только решает задачу удаления, но и делает результат более чистым и пригодным для разработки. Команды разработчиков ценят такие решения, потому что они легко конвертируются в код.

Вопросы и ответы

Заключение

В Figma нет классического инструмента «стерка», но это не недостаток, а особенность философии редактора. Вместо затирания пикселей вы работаете с логикой форм: вычитаете, маскируете, редактируете узлы. Эти методы дают более точный и профессиональный результат, особенно в контексте дизайна интерфейсов.

• Figma не имеет инструмента Eraser — вместо этого используйте Subtract и редактирование векторов.
• Операция вычитания (Subtract) — основной способ «стереть» часть фигуры.
• Маскирование позволяет скрывать содержимое без удаления.
• Плагины могут упростить процесс, имитируя поведение стирания.
• Работа с узлами даёт максимальный контроль над формой.