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

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

Как найти ластик в Figma

Ластик в Figma — это не отдельный инструмент на панели слева, как карандаш или прямоугольник. Он «встроен» в режим редактирования векторных объектов. Чтобы активировать его, сначала выберите любой векторный элемент: фигуру, текстовую рамку, иконку, путь или группу. Затем нажмите клавишу E на клавиатуре — курсор мгновенно изменится на значок ластика. Альтернативный способ: щёлкните правой кнопкой мыши по выбранному объекту и выберите «Erase» из контекстного меню.

Также стоит упомянуть, что Figma обновила интерфейс в 2024 году, сделав ластик более интуитивным: при наведении на векторный объект появляется подсказка с иконкой ластика рядом с курсором, если вы находитесь в режиме редактирования. Это особенно удобно при работе с плотными макетами, где легко пропустить нужный слой.

Ластик против маски: в чём разница

Многие дизайнеры путают ластик с маской вырезания (Clipping Mask). Оба инструмента позволяют «удалять» части объектов, но работают принципиально по-разному.

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

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

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

Пошаговое применение ластика

Использование ластика в Figma — простая, но требующая точности процедура. Вот пошаговая инструкция:

1. Выберите векторный объект (прямоугольник, эллипс, путь, текст, конвертированный в контур).
2. Нажмите E на клавиатуре — курсор превратится в ластик.
3. Наведите курсор на область, которую хотите удалить. Появится тонкая линия-обводка, показывающая зону влияния.
4. Удерживайте левую кнопку мыши и проведите по участку, который нужно удалить. Ластик работает как «вырезающий» инструмент — он удаляет только то, что находится внутри контура объекта.
5. Отпустите кнопку мыши — изменение применится мгновенно.
6. Для коррекции: используйте Ctrl+Z, чтобы отменить, или продолжайте редактировать.

Для более точного редактирования используйте масштаб: увеличьте изображение до 200–400% (Ctrl+Shift++). Это особенно важно при работе с мелкими деталями — например, при редактировании иконок размером 16×16 пикселей.

Если вы работаете с группой, ластик будет применяться ко всем векторным элементам внутри группы. Чтобы редактировать только один слой — разгруппируйте объект или выделите его отдельно. Для этого используйте Ctrl+Click по нужному элементу внутри группы.

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

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

• Попытка использовать ластик на растровых изображениях. Ластик не работает с PNG, JPG, GIF. Если вы хотите «вырезать» часть фото — используйте маску или инструмент «Remove Background» (в Figma Pro).
• Работа без масштабирования. При малом увеличении легко удалить слишком много или, наоборот, ничего не удалить. Всегда приближайте область редактирования минимум до 200%.
• Использование ластика на тексте без конвертации. Текст — это не вектор, пока не превращён в контур. Выделите текст и нажмите Ctrl+Shift+O, чтобы конвертировать его в форму.
• Неожиданное удаление всей группы. Если вы выделили группу, а не отдельный элемент, ластик может удалить часть других объектов. Всегда проверяйте, какой слой активен в панели Layers.
• Забыть отменить действие. После применения ластика нельзя «восстановить» форму, как в Photoshop. Используйте историю изменений или сохраняйте версию до редактирования.

Также не забывайте: ластик не влияет на стили — цвет, тени, обводки остаются неизменными. Если вы удаляете часть объекта с градиентом — градиент перестраивается автоматически, сохраняя плавность. Это одно из главных преимуществ Figma перед другими инструментами.

Продвинутые техники работы с ластиком

Для профессионалов ластик — это не просто «удаление», а мощный инструмент для создания сложных композиций. Вот несколько продвинутых приёмов:

• Комбинирование с Boolean Operations. После использования ластика вы можете объединить результат с другими формами через операции «Union», «Subtract» или «Intersect». Это позволяет создавать сложные иконки за 3–4 действия.
• Использование ластика с сеткой и гидами. Включите Snap to Grid и Smart Guides (в меню View) — ластик будет автоматически притягиваться к линиям, что идеально для создания симметричных форм.
• Редактирование частей текста. Конвертируйте текст в контур, затем используйте ластик, чтобы «вырезать» буквы, создавая эффект «пробелов» внутри символов. Отлично подходит для логотипов и арт-дизайна.
• Ластик + компоненты. Если вы работаете с компонентами, ластик можно применить к экземпляру без изменения основного компонента. Это позволяет создавать вариации одного элемента (например, кнопки с разными вырезами).
• Быстрое создание текстур. Нарисуйте сложный паттерн, примените ластик с разными движениями, чтобы создать «изношенный» или «ручной» эффект — и используйте его как фон.

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

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

Дмитрий работает с Figma с 2017 года и является автором одного из самых популярных обучающих курсов по Figma в России. По его словам, большинство дизайнеров недооценивают ластик, потому что привыкли к Photoshop. В Figma всё построено на векторах — и ластик — это естественное продолжение этой логики.

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

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

Заключение

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

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

• Ластик активируется клавишей E и работает только с векторными объектами.
• Не путайте его с маской — ластик меняет форму, маска — только видимость.
• Всегда увеличивайте масштаб перед точной работой и конвертируйте текст в контур.
• Используйте ластик для создания уникальных иконок, текстур и сложных форм без лишних слоёв.
• Сохраняйте версии до редактирования — ластик необратим без истории изменений.