Как в фигме стереть ластиком
В Figma — одном из самых популярных инструментов для дизайна интерфейсов — удаление элементов — базовая, но критически важная операция. Многие пользователи, особенно новички, ошибочно полагают, что «ластик» в Figma — это отдельный инструмент, как в Photoshop или Procreate. На самом деле, Figma не имеет традиционного «ластика»: удаление происходит через выделение и удаление объектов. Это вызывает путаницу, особенно у тех, кто переходит из других редакторов. Понимание правильных методов удаления — залог эффективной работы и сохранения структуры макета.
Почему в Figma нет ластика
Figma позиционируется как инструмент для командной работы над интерфейсами, а не для растровой графики. В отличие от Photoshop, где ластик служит для «стирания» пикселей, 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. Это чище, быстрее и безопаснее.
Как «стереть» часть векторного объекта
Если вы хотите не удалить весь объект, а изменить его форму — например, «вырезать» кусок из прямоугольника или убрать изгиб у иконки — вам нужен режим редактирования пути.
Пошаговая инструкция
- Выберите векторный объект (прямоугольник, путь, иконку, фигуру на основе Pen Tool).
- Перейдите в режим редактирования: нажмите Enter или выберите инструмент Node Tool (на панели слева — иконка с точками).
- Кликните по узлу (точке), который хотите удалить — он выделится синим.
- Нажмите Delete — узел исчезнет, а путь перестроится автоматически.
- Чтобы удалить сегмент между двумя узлами, выделите оба узла (удерживайте Shift), затем нажмите Delete.
Этот метод особенно полезен при редактировании иконок, логотипов или сложных фигур. Например, вы хотите убрать нижнюю часть сердечка — не удаляйте весь слой, а просто удалите два нижних узла. Figma автоматически соединит оставшиеся точки, создав новый контур.
Использование масок для скрытия элементов
Иногда вы не хотите удалять объект, а лишь скрыть его часть — например, чтобы показать только центральную часть изображения в круглом контейнере. Для этого используется маскирование.
Как создать маску
- Поместите объект, который нужно обрезать (например, изображение), поверх другого объекта (например, круга).
- Выделите оба слоя: сначала изображение, затем круг (он должен быть сверху).
- Правый клик → «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 — это не стирание, а управление объектами. Вы удаляете слои, редактируете узлы, применяете маски — и всё это даёт вам полный контроль над дизайном. Чем лучше вы понимаете эти принципы, тем быстрее и увереннее работаете.
- В 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.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.