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

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

Что такое ластик в Figma и как он работает

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

Инструмент активируется нажатием клавиши E или удержанием Alt (на Mac) / Option (в Windows) во время выбора другого инструмента. При этом курсор превращается в белый квадрат с крестиком — визуальный индикатор режима стирания. Важно понимать, что ластик не влияет на текстовые слои, растровые изображения или компоненты по умолчанию, если они не преобразованы в вектор.

Функционал ластика особенно актуален при работе с иллюстрациями, создании «выбитых» эффектов в типографике или при подготовке SVG-графики для анимации. Он даёт точный контроль над формой, позволяя быстро править детали без перестройки всего макета.

Как использовать ластик: пошаговое руководство

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

1. Выберите векторный объект — убедитесь, что слой является векторным (Shape, Path, Vector Network). Если это фигура, созданная инструментом Rectangle, Circle и т.д., она поддерживает стирание.
2. Активируйте ластик — нажмите клавишу E на клавиатуре. Альтернативно, удерживайте Alt (Mac) / Option (Windows) при любом выбранном инструменте.
3. Нарисуйте область стирания — кликните и потяните по той части объекта, которую хотите удалить. Ластик «разрежет» путь и удалит выделенный сегмент.
4. Отпустите мышь — Figma автоматически обновит форму, оставив только оставшиеся части.
5. Проверьте результат — при необходимости используйте инструмент Pen или Direct Selection (A), чтобы отредактировать оставшиеся узлы.

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

Пример: создание разорванного круга

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

• Нарисуйте круг с помощью Ellipse (O).
• Выделите его и нажмите E, чтобы активировать ластик.
• Проведите по одной четверти окружности — Figma разорвёт путь.
• Добавьте стрелку в конце с помощью Pen Tool (P).

Результат — современный, минималистичный элемент, готовый к использованию в брендинге.

Работа с векторными объектами и узлами

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

Важно понимать разницу между замкнутыми и открытыми путями:

• Замкнутый путь — имеет заливку и чёткие границы (например, прямоугольник).
• Открытый путь — линия с началом и концом, без заливки (например, дуга).

После применения ластика замкнутый путь становится открытым. Это влияет на:

• Возможность заливки (Fill)
• Применение эффектов тени (Drop Shadow)
• Экспорт в SVG (особенно при анимации)

Работа с группами и несколькими объектами

Ластик можно использовать на нескольких выделенных объектах одновременно. Например, если вы хотите «прорезать» один и тот же участок в трёх параллельных линиях:

• Выделите все три линии.
• Нажмите E и проведите ластиком поперёк.
• Figma применит стирание ко всем объектам сразу.

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

Ластик и маскирование: продвинутые техники

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

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

1. Создайте текст и преобразуйте его в вектор (Create Outlines).
2. Подложите изображение под текст.
3. Выделите текст и изображение, затем примените маску (Ctrl/Cmd + Alt/Option + G).
4. Выделите векторный текст внутри маски и активируйте ластик (E).
5. Удалите нужные участки букв — фон будет просвечивать именно там.

Сравнение: ластик vs. Boolean Operations

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

Несмотря на простоту, ластик часто используется неправильно, особенно новичками. Ниже — основные ошибки и способы их решения.

Ошибка 1: ластик не работает на выбранном объекте

Частая причина — объект не является векторным. Ластик не работает на:

• Текстовых слоях (до преобразования в контуры)
• Растровых изображениях (JPG, PNG)
• Компонентах, заблокированных от редактирования

Решение: преобразуйте объект в вектор (Create Outlines) или разгруппируйте компонент (Detach Instance).

Ошибка 2: случайное разрушение формы

При быстром движении ластик может удалить больше, чем планировалось. Особенно критично при работе с тонкими линиями или сложными путями.

Ошибка 3: потеря заливки после стирания

После применения ластика замкнутый контур становится открытым, и заливка исчезает. Это не ошибка, а особенность векторной графики.

Решение: если нужна заливка, используйте булеву операцию Subtract вместо ластика. Либо вручную замкните путь с помощью Pen Tool.

Профессиональные советы по использованию ластика

Опытные дизайнеры используют ластик нестандартно. Вот несколько продвинутых техник:

• Создание текстур — нанесите множество мелких штрихов ластиком на заливку, чтобы имитировать эффект старения или грифеля.
• Разделение иконок — разрежьте одну иконку на несколько частей, чтобы создать анимацию появления.
• Эффект «следа» — используйте ластик на пути с толстой обводкой, чтобы создать эффект «сотрите» линии.
• Работа с кривыми Безье — после стирания можно перетаскивать узлы, чтобы изменить форму оставшихся сегментов.

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

Заключение

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

• Ластик работает только с векторными объектами.
• Активируется через E или Alt/Option.
• Превращает замкнутые пути в открытые.
• Идеален для создания эффектов разрыва и маскирования.
• Не заменяет булевы операции, но дополняет их.