Где в фигме находится кнопка done

Кнопка Done в Figma — это элемент интерфейса, который используется для завершения редактирования текста, выхода из режима редактирования компонента или подтверждения изменений в плагинах и модальных окнах. Её расположение зависит от контекста: при редактировании текстового слоя она появляется в верхнем правом углу холста, а во всплывающих окнах плагинов — внизу диалогового блока. Главное правило — Done не всегда видна явно, но всегда доступна через сочетание клавиш Enter или Esc.

Где находится кнопка Done: основные контексты использования

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

• Редактирование текстового слоя на холсте.
• Изменение свойств компонента или его инстанса.
• Работа с настройками в модальных окнах и сторонних плагинах.
• Выход из полноэкранного режима просмотра (presentation mode).

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

Когда кнопка Done появляется и исчезает

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

Как работает кнопка Done при редактировании текста

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

• Кнопка размещается поверх холста, справа от панели свойств (Inspector).
• Её цвет — синий (#0ACF83), контрастный к фону, чтобы быть заметной.
• При наведении появляется тултип: «Done» или «Enter to apply, Esc to cancel».

Нажатие на кнопку фиксирует изменения и возвращает вас к выбору объектов. Это аналогично нажатию клавиши Enter на клавиатуре. Если вы хотите отменить изменения — достаточно нажать Esc.

Альтернативные способы завершить редактирование текста

Не обязательно использовать именно кнопку Done. Есть несколько равнозначных методов:

1. Нажать клавишу Enter (на основной клавиатуре).
2. Нажать Cmd+Enter (Mac) или Ctrl+Enter (Windows) — особенно полезно при многострочных абзацах.
3. Щёлкнуть мышью за пределами текстового блока.
4. Переключиться на другой инструмент (например, стрелку или фигуру).

Все эти действия приводят к одному результату — выходу из режима редактирования и сохранению изменений.

Done в режиме редактирования компонентов и инстансов

Компоненты — основа систем дизайна в Figma. При редактировании главного компонента (master component) или его инстанса интерфейс снова показывает кнопку Done. Она появляется в тех же местах: верхний правый угол холста или рядом с панелью свойств.

• При входе в режим редактирования компонента появляется оверлей с полупрозрачным фоном.
• Кнопка Done позволяет выйти из этого режима и вернуться к основному файлу.
• Если вы внесли изменения — они применяются ко всем связанным инстансам.

Важно понимать, что кнопка Done здесь играет роль «выхода из контекста», а не просто подтверждения текста. Она помогает ориентироваться в иерархии компонентов.

Ошибки при работе с компонентами

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

Кнопка Done в плагинах и модальных окнах

Многие пользователи ищут кнопку Done в плагинах, таких как Content Reel, Unsplash, или LottieFiles. Здесь ситуация немного другая. Плагины — это встроенные приложения, и их интерфейс создаётся разработчиками. Поэтому кнопка Done может называться по-разному: «Применить», «Готово», «Закрыть».

• В большинстве случаев она находится в нижней части окна плагина.
• Цветовая схема часто соответствует Figma — синие или зелёные акценты.
• Некоторые плагины автоматически применяют изменения при выборе элемента.

Если вы не нашли кнопку Done — проверьте, не произошло ли автоматическое применение. Также обратите внимание на клавишу Enter: во многих плагинах она работает как подтверждение.

Пример: работа с плагином «Icons»

Вы открываете плагин для добавления иконок. Выбираете нужную — и она сразу появляется на холсте. Кнопка Done не требуется, потому что действие выполнено. Чтобы закрыть плагин, нажмите крестик в правом верхнем углу или клавишу Esc.

Распространённые ошибки и как их избежать

Многие пользователи сталкиваются с ситуацией, когда «кнопка Done не работает» или её «не видно». На самом деле, это не баг, а особенность поведения интерфейса. Вот типичные ошибки:

• Ожидание кнопки в панели инструментов. Кнопка Done не закреплена — она контекстная. Ищите её только при активном редактировании.
• Попытка найти Done при обычном выборе объектов. В режиме просмотра кнопки нет — она появляется только при вводе.
• Игнорирование клавиатурных сокращений. Enter и Esc — ваши лучшие друзья в Figma.
• Случайное редактирование компонента. Не все замечают, что попали внутрь компонента. Обращайте внимание на заголовок в верхней панели.

Чек-лист: что делать, если кнопка Done не появляется

1. Убедитесь, что вы действительно редактируете текст или компонент (курсор мигает или есть оверлей).
2. Попробуйте нажать Enter — возможно, изменения уже применены.
3. Проверьте, не скрыта ли панель свойств (Inspection panel). Иногда интерфейс сдвигается.
4. Обновите страницу — редко, но возможны глюки рендера.
5. Попробуйте переключиться на другой слой и вернуться обратно.

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

Мы поговорили с Мариной Козловой, ведущим дизайнером продукта в компании, которая разрабатывает дизайн-системы для банковских приложений. У неё более 10 лет опыта в UI/UX и глубокое знание Figma.

Она также отметила, что многие команды теряют время на согласование того, «как правильно выходить из режима редактирования». Её решение — создать внутреннюю чек-лист-документацию с базовыми принципами работы в Figma, включая поведение кнопки Done.

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

Заключение

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

• Кнопка Done появляется только в режиме редактирования текста или компонентов.
• Находится в правом верхнем углу холста, поверх панели свойств.
• Альтернативы: Enter, Esc, клик вне объекта, переключение инструмента.
• В плагинах может называться иначе, но выполняет ту же функцию.
• Освоение клавиатурных сокращений делает работу в Figma значительно эффективнее.