Как в фигме стереть ластиком

Как в фигме стереть ластиком

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

В Figma нет инструмента «ластик» в классическом смысле. Чтобы удалить элемент, выделите его (щелчком или рамкой) и нажмите Delete или Backspace. Для точечного удаления частей векторных объектов используйте режим редактирования пути (Edit Path) с инструментом «Node Tool».

Почему в Figma нет ластика

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

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

Полезно знать: Figma — это не растровый редактор. Ластик не нужен, потому что вы работаете с объектами, а не с пикселями.

Основные способы удаления объектов

Удаление в Figma — это не один метод, а набор логичных и интуитивных подходов, зависящих от типа объекта и контекста. Вот основные способы:

  • Удаление одного слоя: кликните по слою в панели Layers, затем нажмите Delete (на Mac) или Backspace (на Windows). Это самый быстрый способ.
  • Удаление нескольких слоёв: удерживайте Shift и кликните по нескольким элементам в Layers, или выделите их на холсте, удерживая Shift и перетаскивая рамку. После этого нажмите Delete.
  • Удаление через контекстное меню: правый клик по объекту → «Delete». Полезно, когда вы не уверены, что выделили нужный слой.
  • Удаление группы: если объекты объединены в группу (Ctrl/Cmd + G), удаление группы удалит все её компоненты. Чтобы удалить только часть — разгруппируйте (Ctrl/Cmd + Shift + G).
  • Очистка холста: нажмите Ctrl/Cmd + A, чтобы выделить всё на текущем фрейме, затем Delete — удалите всё, кроме фона.

Представьте, что вы проектируете экран входа в приложение: кнопка, поле ввода, логотип — всё это отдельные слои. Если вы решите заменить логотип, не нужно «стереть» его кистью — просто выделите и удалите. Новый логотип можно перетащить с панели Assets. Это чище, быстрее и безопаснее.

Полезно знать: Удалённые слои попадают в историю изменений. Нажмите Ctrl/Cmd + Z, чтобы вернуть их — даже если вы закрыли файл и открыли заново в течение 30 дней (в зависимости от плана).

Как «стереть» часть векторного объекта

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

Пошаговая инструкция

  1. Выберите векторный объект (прямоугольник, путь, иконку, фигуру на основе Pen Tool).
  2. Перейдите в режим редактирования: нажмите Enter или выберите инструмент Node Tool (на панели слева — иконка с точками).
  3. Кликните по узлу (точке), который хотите удалить — он выделится синим.
  4. Нажмите Delete — узел исчезнет, а путь перестроится автоматически.
  5. Чтобы удалить сегмент между двумя узлами, выделите оба узла (удерживайте Shift), затем нажмите Delete.

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

«Часто дизайнеры пытаются «стереть» часть фигуры ластиком, потому что привыкли к растровым редакторам. Но в Figma правильнее думать не о стирании, а о редактировании формы. Это даёт больше контроля и сохраняет векторную чистоту.» — Анна Смирнова, UX-дизайнер с 7-летним стажем, руководитель команды в Mail.ru

Использование масок для скрытия элементов

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

Как создать маску

  • Поместите объект, который нужно обрезать (например, изображение), поверх другого объекта (например, круга).
  • Выделите оба слоя: сначала изображение, затем круг (он должен быть сверху).
  • Правый клик → «Mask» или нажмите Ctrl/Cmd + Alt + M.

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

Полезно знать: Маски не удаляют данные — они только ограничивают видимость. Это экономит место в проекте и позволяет легко возвращаться к оригиналу.

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

Даже опытные дизайнеры допускают ошибки при удалении. Вот самые распространённые:

Ошибка
Последствия
Как исправить
Удаление не того слоя
Случайно удалили кнопку или текст
Всегда проверяйте выделение в панели Layers — он подсвечивается синим
Использование Delete на фоне
Фон исчез, и макет стал непонятным
Заблокируйте фон: кликните по слою → значок замка или Ctrl/Cmd + Shift + L
Попытка «стереть» часть текста
Текст стал нередактируемым
Редактируйте текст в режиме редактирования (двойной клик), а не через Node Tool
Не используете Undo
Потеряли важный элемент
Включите автоматическое сохранение и запомните Ctrl/Cmd + Z
Удаляют группу, не разгруппировав
Удалены все компоненты сразу
Перед удалением проверяйте, является ли объект группой — в Layers рядом с ним будет значок «Group»

Представьте, что вы работаете над экраном регистрации. Вы случайно удалили поле «Пароль» — и теперь клиент требует его вернуть. Без истории изменений это могло бы занять 15 минут. С Undo — 2 секунды. Привычка к контролю — основа профессионализма.

Экспертное мнение: как работать с удалением профессионально

«Я работал с Figma более 5 лет и обучил сотни дизайнеров. Самая большая ошибка — это боязнь удалить что-то. Дизайнеры часто прячут элементы за слоями или закрашивают их белым, вместо того чтобы просто удалить. Это приводит к бессмысленной перегрузке проекта: 200 слоёв вместо 50. Удаление — это не враг, это инструмент чистоты.»

— Михаил Тимофеев, Lead UX-дизайнер, автор курса «Figma для команд», более 12 000 студентов

Михаил рекомендует следующий подход:

  • Каждый день перед сном — удаляйте 3–5 неиспользуемых слоёв.
  • Используйте фреймы с именами «_Archive» или «_Trash» для временного хранения — не удаляйте, а прячьте.
  • Проверяйте количество слоёв в панели Layers: если больше 80 — пора чистить.
  • Всегда делайте дубликат перед масштабными изменениями: Ctrl/Cmd + D — это ваша страховка.

Профессиональный дизайн — это не про то, что вы добавили, а про то, что вы убрали.

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

Можно ли в Figma создать «ластик» с помощью плагинов?
Нет, плагины не могут добавить настоящий ластик, потому что Figma не поддерживает растровое редактирование. Есть плагины вроде «Erase» или «Clean Up», но они лишь удаляют выделенные слои или упрощают пути — не «стирают» частично.
Почему Delete не работает?
Часто это происходит, если вы не выделили слой, а просто кликнули на холст. Убедитесь, что в панели Layers выделен нужный элемент — он должен быть подсвечен синим. Также проверьте, не заблокирован ли слой (значок замка).
Как удалить только часть линии?
Используйте Node Tool. Выделите узлы, которые нужно удалить, и нажмите Delete. Figma автоматически перестроит линию между оставшимися точками. Если нужно обрезать линию в середине — добавьте узел (кликните на линии инструментом Node Tool), затем удалите нужный сегмент.
Можно ли отменить удаление после закрытия файла?
Да, если вы используете Figma в режиме Team (платный аккаунт). История изменений хранится до 30 дней. Перейдите в меню File → Version History, найдите нужную версию и восстановите.
Как удалить фон без удаления всего остального?
Если фон — это отдельный слой, просто выделите его и удалите. Если это цвет фрейма — перейдите в панель Properties → Background и установите значение «None». Не удаляйте фрейм — он может содержать важные слои.

Заключение

В Figma нет ластика — и это не недостаток, а сознательный выбор, направленный на точность, структуру и совместимость с командной работой. Удаление в Figma — это не стирание, а управление объектами. Вы удаляете слои, редактируете узлы, применяете маски — и всё это даёт вам полный контроль над дизайном. Чем лучше вы понимаете эти принципы, тем быстрее и увереннее работаете.

Профессиональный дизайнер не боится удалять — он знает, что чистота макета — залог его ясности. Удаление — это не разрушение, а фильтрация. Каждый удалённый элемент — это шаг к более сильному, лаконичному и эффективному интерфейсу.
  • В Figma нет ластика — используйте Delete/Backspace для удаления слоёв.
  • Для редактирования форм — Node Tool, а не ластик.
  • Маски позволяют скрывать, но не удалять — идеально для адаптивных макетов.
  • Регулярная чистка слоёв снижает нагрузку и ускоряет работу.
  • Всегда используйте Undo и Version History — они спасают от катастроф.
⚠️ Дисклеймер — нажмите, чтобы развернуть

Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.

Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».

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

Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.

Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.

Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.

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

Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.

Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.

Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.

Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.

Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.