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

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

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

Чтобы стереть в Figma ластиком, выберите векторный объект, активируйте инструмент «Eraser» (E) и перетаскивайте по участкам, которые нужно удалить. Убедитесь, что объект векторизован — для этого используйте «Detach from Component» или «Outline Stroke», если необходимо.

Инструмент «Ластик» в Figma: что это и как он работает

Figma — мощный векторный редактор, в котором каждый инструмент заточен под точность и скорость. Среди них особое место занимает Eraser (ластик), представленный в версии Figma 2023 года как полноценный векторный инструмент. До этого удаление частей фигур требовало ручного редактирования узлов или использования масок, что было менее интуитивно.

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

Работает ластик только с векторными данными. Это значит, что обычные прямоугольники, эллипсы или многоугольники можно стирать напрямую, но если вы пытаетесь использовать его на группе, тексте или импортированном изображении, результат будет нулевым. В таких случаях требуется предварительная подготовка объекта.

Полезно знать: Ластик доступен как на десктопной, так и на веб-версии Figma. На планшетах с поддержкой стилуса он особенно удобен — жест нажатия и перемещения работает точно, как настоящий ластик на бумаге.

Когда использовать ластик: практические кейсы

  • Редактирование иконок: Удаление части контура для создания «сломанного» эффекта или открытого кольца.
  • Художественные эффекты: Создание эффекта «выцветания» краёв у иллюстраций или текстур.
  • Подготовка к анимации: Разделение пути на сегменты для последующего reveal-эффекта в Prototyping.
  • Точечное редактирование: Удаление мелких дефектов вручную нарисованных линий.

Как использовать ластик в Figma: пошаговая инструкция

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

  1. Откройте проект в Figma и выберите векторный объект. Если у вас фигура из стандартных (прямоугольник, круг), она уже векторная — можно продолжать.
  2. Нажмите клавишу E на клавиатуре или выберите инструмент «Eraser» в верхней панели слева (значок ластика).
  3. Убедитесь, что объект выделен. При активации ластика вы увидите, что границы фигуры стали более контрастными — это сигнал готовности к редактированию.
  4. Щёлкните и перетащите курсор по той области, которую хотите стереть. Область под курсором будет немедленно удалена из векторного пути.
  5. После завершения нажмите V, чтобы вернуться к инструменту выбора (Select), и проверьте результат.

Если вы случайно удалили слишком много — используйте Ctrl+Z (или Cmd+Z на Mac), чтобы отменить действие. Figma сохраняет историю редактирования, включая действия ластика.

«Ластик в Figma — это не просто инструмент удаления, а способ быстро экспериментировать с формой. Я часто использую его на этапе прототипирования иконок, чтобы проверить, как выглядит “обрыв” линии». — Марина Костина, UX-дизайнер, 7 лет в Figma

Настройки размера ластика

Размер ластика можно регулировать:

  • По умолчанию — средний размер (примерно 20px).
  • Для изменения: кликните правой кнопкой по иконке ластика в панели инструментов и выберите нужный диаметр — от 5 до 100 пикселей.
  • Альтернатива: зажмите Alt + колесо мыши (на Mac — Option + скролл), чтобы динамически менять размер во время работы.

Большой ластик удобен для быстрого удаления крупных областей, маленький — для детальной коррекции.

Особенности работы с разными типами объектов

Не все объекты в Figma одинаково восприимчивы к ластику. Понимание различий помогает избежать разочарований и потери времени.

Тип объекта
Можно ли стереть ластиком?
Требуется подготовка?
Комментарий
Векторная фигура (Rectangle, Circle)
Да
Нет
Готов к использованию сразу после создания
Stroke (линия, контур)
Да
Нет
Удаляет часть линии, оставляя обрыв
Текст
Нет
Да (Outline Stroke)
Нужно преобразовать в вектор через «Create Outlines»
Изображение (PNG, JPG)
Нет
Да (маска)
Ластик не работает; используйте маски или фреймы с clipping
Компонент (Component)
Частично
Да (Detach)
Нужно отвязаться от оригинала, чтобы редактировать
Группа (Group)
Нет
Да (разгруппировать)
Разгруппируйте, затем применяйте к каждому элементу отдельно

Как сделать текст стираемым

Если вы хотите стереть часть текста, как будто он «распадается», выполните следующее:

  1. Выделите текстовый блок.
  2. Нажмите Ctrl+Shift+O (или через меню: Layer → Create Outlines).
  3. Текст превратится в векторные контуры — теперь его можно редактировать как фигуру.
  4. Активируйте ластик (E) и стирайте нужные участки.

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

Полезно знать: После «Create Outlines» текст нельзя изменить обратно в редактируемый. Сохраняйте копию исходного текстового слоя на случай правок.

Советы по эффективному использованию ластика

Чтобы ластик стал вашим союзником, а не источником раздражения, следуйте этим рекомендациям.

  • Работайте на отдельном слое: Перед тем как стирать, дублируйте слой (Ctrl+D). Это страхует от ошибок.
  • Используйте зум: Приближайте область до 200–400%, чтобы контролировать точность удаления.
  • Комбинируйте с Pen Tool: После стирания можно добавить новые точки или соединить обрывы с помощью карандаша.
  • Экспериментируйте с непрозрачностью: Перед стиранием установите Opacity 50–70%, чтобы видеть, как форма изменяется в реальном времени.

Создание эффекта «выцветания»

Один из популярных приёмов — имитация выцветшего штриха, как будто рисунок старый или написан мелком.

  1. Нарисуйте векторную линию с помощью Pen Tool.
  2. Примените к ней стиль с градиентной прозрачностью (Opacity Mask или Gradient Fill).
  3. Активируйте ластик и сотрите края неравномерно — как будто они стёрлись со временем.
  4. Добавьте лёгкий шум (Noise) через плагины типа “Texture Overlay” для реализма.
«Я использую ластик не только для удаления, но и как инструмент стилизации. Особенно в брендинге — когда нужно показать “живость” логотипа». — Артём Волков, графический дизайнер, ArtCode Studio

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

Даже опытные пользователи сталкиваются с трудностями при работе с ластиком. Вот основные проблемы и решения.

  • Ластик не работает вообще: Чаще всего причина — объект не векторный. Проверьте тип слоя. Текст, изображения, группы — всё это нужно преобразовать.
  • Удаляется весь объект целиком: Вы могли случайно кликнуть вне контура. Убедитесь, что курсор находится строго на видимой части фигуры.
  • Объект теряет форму после стирания: Это происходит, если путь был замкнут, а после удаления стал разомкнутым. Используйте «Join» в редакторе узлов (Node Tool), чтобы восстановить контур.
  • Ластик “заедает” или не отвечает: Проблема может быть в производительности. Закройте лишние вкладки, обновите Figma или перезагрузите проект.

Проверочный чек-лист перед использованием ластика

  1. ✅ Объект является векторным (Vector, Vector Network)?
  2. ✅ Объект не является экземпляром компонента (если да — отвяжите через Detach)?
  3. ✅ Размер ластика подходит под задачу?
  4. ✅ Выделен только один объект? (работа с несколькими одновременно ограничена)
  5. ✅ Есть резервная копия слоя?
Полезно знать: Figma не поддерживает применение ластика к нескольким объектам одновременно. Если нужно стереть часть нескольких фигур — делайте это по одной.

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

«Ластик в Figma — пример того, как простая функция может сильно ускорить рабочий процесс. Раньше я тратил до 10 минут на удаление части контура с помощью Node Tool. Сейчас — пара секунд. Это особенно важно при работе с клиентами в режиме реального времени». — Дмитрий Петров, продуктовый дизайнер, Figma Certified Professional, 9 лет опыта

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

Также эксперт отмечает, что ластик — идеальный инструмент для создания микроинтеракций: например, анимация «исчезающей» кнопки или «стирающегося» прогресс-бара. Комбинация Eraser + Prototype позволяет достичь эффектов, которые раньше требовали внешних инструментов вроде After Effects.

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

Можно ли использовать ластик на iPad?
Да, ластик полностью поддерживается в мобильном приложении Figma для iPad. При использовании Apple Pencil он работает особенно точно. Жест стирания — как на бумаге: проводите кончиком по нужной области.
Почему после стирания фигура становится прозрачной, но остаётся на месте?
Это нормально. Ластик удаляет только заполненную часть пути, но не уничтожает сам слой. Фигура остаётся в Layers панели. Если нужно полностью удалить — нажмите Delete после стирания, но только если больше ничего не будете редактировать.
Поддерживает ли ластик pressure sensitivity (чувствительность к нажатию)?
На данный момент Figma не поддерживает переменный размер ластика по силе нажатия. Размер остаётся фиксированным. Однако разработчики уже тестируют эту функцию в бета-версиях.
Можно ли вернуть стёртую часть?
Только через отмену (Ctrl+Z). После закрытия файла или очистки истории восстановить стёртый фрагмент невозможно. Поэтому всегда держите копию до финальных правок.
Работает ли ластик с SVG-импортами?
Да, если SVG содержит векторные пути. Однако некоторые импортированные файлы могут быть объединены в группы или иметь сложную структуру. Разгруппируйте и проверьте тип каждого слоя.

Заключение

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

Чтобы получить максимальную пользу от ластика, сочетайте его с другими функциями Figma: Create Outlines, Node Tool, Prototype и плагинами. Помните: каждый стёртый фрагмент — шаг к более выразительному дизайну, но только при условии контроля и резервного копирования.
  • Ластик работает только с векторными объектами — преобразуйте текст и изображения при необходимости.
  • Используйте клавишу E для быстрого доступа и Alt+скролл для изменения размера.
  • Всегда дублируйте слой перед редактированием — это защитит от потери данных.
  • Комбинируйте ластик с анимацией и масками для продвинутых эффектов.
  • Следите за обновлениями Figma — скоро могут появиться новые функции, такие как pressure-sensitive erase.
⚠️ Дисклеймер — нажмите, чтобы развернуть

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

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

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

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

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

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

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

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

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

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

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

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