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

где в фигме ластик

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

В Figma ластика как отдельного инструмента нет. Удаление осуществляется через Delete, булевы операции или редактирование контуров. Главное — понимать, что удалять можно не только целиком объекты, но и части путей.

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

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

Инструменты для удаления: что заменяет ластик

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

Основные инструменты:

  • Клавиша Delete — самый простой способ удалить выделенный объект.
  • Редактирование узлов (Node Tool) — позволяет удалять точки контура и изменять форму.
  • Булевы операции — вычитание одной фигуры из другой, имитируя эффект ластика.
  • Маски — скрывают части слоёв без фактического удаления.
  • Frame с clipping — обрезка содержимого рамки.

При этом ни один из этих инструментов не работает как кисть-ластик, затирающая произвольные участки. Вместо этого Figma заставляет дизайнера думать структурно: «Что именно нужно убрать? Как это повлияет на компонент? Можно ли это восстановить?»

Полезно знать: Если вы ищете иконку ластика в панели инструментов слева — её там нет. Figma намеренно исключила этот инструмент, чтобы сохранить чёткость векторных объектов.

Как использовать Node Tool для точечного удаления

Инструмент редактирования узлов (N) — ближайший аналог ластика при работе с контурами. Он позволяет:

  1. Выделить фигуру с помощью Selection Tool (V).
  2. Нажать N или выбрать иконку узла в панели слева.
  3. Щёлкнуть по контуру, чтобы увидеть управляющие точки.
  4. Выделить одну или несколько точек и нажать Delete.

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

«Node Tool — это ваш цифровой скальпель. Используйте его не для массового удаления, а для точной хирургии контуров.» — Мария Костюченко, senior UI designer, 8 лет в Figma

Как удалить часть фигуры: пошаговые методы

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

Первый подход — использование временной фигуры для вычитания:

  1. Нарисуйте фигуру (например, круг), которую хотите изменить.
  2. Поверх неё добавьте другую фигуру (например, квадрат) в том месте, где нужно «стереть».
  3. Выделите обе фигуры.
  4. Нажмите кнопку Subtract в верхней панели или используйте сочетание Ctrl+Shift+- (Windows) / Cmd+Shift+- (Mac).

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

Удаление с помощью маски

Маскирование — ещё один способ скрыть часть объекта. Это не удаляет пиксели, но скрывает их:

  • Создайте фигуру, которая будет служить маской (например, прямоугольник).
  • Поместите поверх неё изображение или векторный объект.
  • Выделите оба слоя.
  • Нажмите правой кнопкой → Create Mask или Ctrl+Alt+M.

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

Метод
Когда использовать
Минусы
Subtract (вычитание)
Когда нужно навсегда изменить форму вектора
Превращает объект в compound path, теряются оригинальные свойства
Mask (маска)
Когда нужно временно скрыть часть, например, аватарку
Не удаляет данные, увеличивает нагрузку на файл
Clipping в Frame
Для макетов с прокруткой или каруселями
Ограничен функционалом фреймов
Полезно знать: Маски в Figma поддерживают только один слой на маску. Если нужно замаскировать группу — объедините её в один фрейм.

Булевы операции: мощный аналог ластика

Булевы операции — основа векторного редактирования в Figma. Они позволяют комбинировать фигуры, включая вычитание, которое часто используется как замена ластику.

Доступные операции:

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

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

Советы по использованию Subtract

  • Всегда располагайте фигуру-«ластик» выше по слоям.
  • После вычитания объект становится составным — редактировать его можно только через Node Tool.
  • Чтобы вернуться к исходным фигурам, используйте Detach Instance (если это компонент) или отмену действия Ctrl+Z.
«Я использую Subtract как цифровой ластик каждый день. Особенно когда создаю иконки с вырезами — например, Wi-Fi или батарейку.» — Дмитрий Романов, product designer, Figma Ambassador

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

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

Два способа создания маски:

  1. Создать маску через контекстное меню: выделить два слоя (нижний — маска, верхний — содержимое), ПКМ → Create Mask.
  2. Использовать фрейм с включённым clipping: выделить фрейм → в правой панели включить Clip content.

Разница в том, что маска через ПКМ создаёт отдельный mask-объект, а clipping — свойство фрейма. Второй способ легче и чаще используется в прототипировании.

Когда выбирать маску, а когда — вычитание?

Выбор зависит от задачи:

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

Горячие клавиши: быстрое удаление в один клик

Скорость работы в Figma во многом зависит от знания горячих клавиш. Вот основные комбинации для удаления:

Действие
Windows
Mac
Удалить объект
Delete
Delete / Fn+Backspace
Вычитание фигур
Ctrl+Shift+-
Cmd+Shift+-
Объединение фигур
Ctrl+Shift++
Cmd+Shift++
Отмена
Ctrl+Z
Cmd+Z
Повтор
Ctrl+Y
Cmd+Shift+Z

Также полезно знать:

  • B — Boolean operations (быстрый доступ к Union, Subtract и др.).
  • N — Node Tool, для редактирования узлов.
  • Ctrl+Alt+M / Cmd+Option+M — создать маску.

Автоматизация через плагины:

  • Remove BG — удаляет фон с изображений (аналог ластика для фото).
  • Vector Cleaner — удаляет лишние узлы, оптимизирует контуры.
  • Mask Manager — упрощает работу с масками.

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

Новички часто сталкиваются с проблемами при попытке «стереть» что-либо в Figma. Вот самые частые ошибки:

  • Ошибка: Нажимают Delete, но ничего не удаляется.
    Причина: ничего не выделено. Решение: кликните по объекту перед удалением.
  • Ошибка: Применяют Subtract, но фигура исчезает полностью.
    Причина: маска больше объекта. Решение: проверьте размеры и порядок слоёв.
  • Ошибка: Не видят опцию Create Mask.
    Причина: выбран один слой. Нужно выделить минимум два: маску и содержимое.
  • Ошибка: После вычитания нельзя изменить цвет.
    Причина: объект стал compound path. Решение: редактируйте через Fill в правой панели.
Полезно знать: Figma не блокирует удаление системных слоёв, но если вы случайно удалили страницу — её можно восстановить из истории версий (Version History).

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

Алексей Фролов, lead UX designer в компании «СберИнтерфейсы», делится практикой:

«Мы отказались от поиска ластика в первый же день. Вместо этого обучаем дизайнеров трём уровням удаления: 1) Delete — для слоёв, 2) Subtract — для форм, 3) Mask — для медиа. Это делает макеты чище и легче в поддержке.» — Алексей Фролов, lead UX designer, 12 лет опыта

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

Частые вопросы и ответы

  • Почему в Figma нет ластика?
    Figma — векторный редактор, ориентированный на точность. Ластик вводит неопределённость, а Figma предпочитает контролируемые операции: вычитание, маски, удаление. Это соответствует принципам системного дизайна.
  • Можно ли стереть часть текста?
    Только через редактирование: выделите символы и нажмите Delete. Прямого стирания контура текста нет, пока он не конвертирован в кривые (Create Outlines).
  • Как удалить часть изображения?
    Используйте маску или фрейм с clipping. Для сложных вырезов — внешний редактор (Photoshop, Remove.bg), затем импорт в Figma.
  • Что делать, если случайно удалил объект?
    Нажмите Ctrl+Z (или Cmd+Z). Figma хранит историю до 30 дней. Также можно восстановить из Version History.
  • Есть ли плагин-ластик?
    Нет официальных плагинов, имитирующих ластик. Но есть инструменты вроде Vector Erase, которые упрощают удаление узлов.

Заключение

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

Главное — перестать искать аналог Photoshop и начать думать векторно. Удаление в Figma — это не стирание, а преобразование. Используйте Delete, Subtract, маски и Node Tool как инструменты дизайнерской логики, а не графического хаоса.
  • Ластика в Figma нет — удаление происходит через Delete, Subtract или маски.
  • Subtract — лучший способ «стереть» часть фигуры.
  • Маски идеальны для временного скрытия содержимого.
  • Горячие клавиши ускоряют работу в разы.
  • Все действия можно отменить или восстановить через историю.
⚠️ Дисклеймер — нажмите, чтобы развернуть

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

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

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

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

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

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

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

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

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

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

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

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