Как стереть часть изображения в фигме

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

Почему в Figma нет классического «стирания»?

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

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

Метод маски: самый надежный способ

Маска — это стандартный, профессиональный и рекомендуемый способ скрыть часть изображения в Figma. Она работает как «окно», через которое видно только то, что находится под формой-маской. Всё остальное — скрыто, но не удалено.

1. Импортируйте изображение в проект (перетащите файл или используйте File > Import).
2. Нарисуйте векторную форму (прямоугольник, круг, произвольный путь) над изображением — она определит, какая часть останется видимой.
3. Выделите и изображение, и форму (удерживайте Shift при выборе).
4. Нажмите Cmd + Option + M (Mac) или Ctrl + Alt + M (Windows).
5. Теперь изображение видно только внутри формы. Измените форму — и маска обновится мгновенно.

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

Режим «Subtract» — как удалять формы из изображений

Если вы хотите именно «удалить» часть изображения (а не просто скрыть), используйте режим вычитания форм. Он работает только с векторными объектами, но позволяет создавать сложные вырезы, сохраняя гибкость.

Как использовать режим Subtract

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

Инструмент «Erase» — когда он полезен

В 2024 году Figma внедрил экспериментальный инструмент Erase, доступный в панели инструментов (значок ластика). Он позволяет «стереть» часть растрового изображения, как в Photoshop — но с ограничениями.

Ограничения инструмента Erase

• Работает только с растровыми изображениями, не с векторами.
• Не поддерживает отмену по шагам — только Ctrl+Z на уровне всего действия.
• Не сохраняет исходное изображение — стирание необратимо.
• Не работает с группами или слоями с масками.

Этот инструмент полезен для быстрых эскизов, когда вы работаете в режиме «флаш-дизайна» и не планируете возвращаться к исходнику. Например, если вы делаете макет для презентации и хотите быстро убрать лишний человек с фото — Erase справится. Но для финальных версий — не используйте его.

Векторное вырезание: точность и контроль

Для высокоточных задач — например, вырезание человека с фоном, удаление сложных объектов — используйте векторное вырезание с помощью Pen Tool и режима «Union» или «Intersect».

Пошаговый алгоритм для вырезания объекта

1. Импортируйте фото с человеком или объектом на фоне.
2. Создайте новый слой и начните рисовать контур вокруг объекта с помощью Pen Tool. Ставьте точки плотно, особенно по краям волос или прозрачных элементов.
3. Закройте путь, нажав на первую точку.
4. Выделите и контур, и изображение.
5. Выберите режим Intersect — теперь видна только та часть изображения, которая попадает в контур.

Теперь вы можете перемещать, масштабировать или менять цвет этого фрагмента — он ведёт себя как самостоятельный вектор. Это особенно полезно для создания элементов в стиле «flat design» или при работе с иконками на основе реальных фото.

Частые ошибки и как их избежать

Даже опытные дизайнеры допускают типичные ошибки при работе с изображениями в Figma. Вот основные из них:

• Стирают изображение вместо маскирования. Результат — потеря исходника. Решение: всегда копируйте изображение перед любыми операциями.
• Используют Erase для финальных версий. Это приводит к нередактируемым макетам. Решение: используйте маски даже для «маленьких правок».
• Забывают проверить прозрачность. После вычитания или маскирования фон может стать белым. Решение: убедитесь, что слой под изображением — прозрачный или имеет нужный цвет.
• Неправильный порядок слоев. Если форма для Subtract находится ниже изображения — операция не сработает. Решение: всегда проверяйте порядок в панели Layers.

Экспертное мнение: как работают профессионалы

Профессионалы также используют библиотеки компонентов. Например, создают «шаблон маски» с предустановленными скруглениями и тенями — и применяют его к любому изображению. Это экономит время и обеспечивает единообразие.

Часто задаваемые вопросы

Заключение

Стереть часть изображения в Figma — значит не удалить, а скрыть. Это не ограничение, а философия. Она делает дизайн гибким, безопасным и совместимым. Используйте маски для финальных проектов, режим Subtract для простых форм, и только в крайних случаях — Erase. Профессионалы не «стерут» — они маскируют, вычитают и сохраняют. Это позволяет возвращаться к исходникам, работать в команде и быстро вносить правки даже после сдачи макета.

• Всегда используйте маску вместо стирания — это сохраняет исходник.
• Режим Subtract подходит для удаления простых геометрических форм.
• Инструмент Erase — только для эскизов, не для финальных версий.
• Intersect — лучший способ вырезать сложные объекты с точностью.
• Создавайте компоненты масок — это сэкономит вам часы работы.