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

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

Представьте, что вы только что изменили текст в текстовом поле: курсор мигает, вы ввели новое название кнопки, и теперь хотите сохранить изменения. Где нажать? Не в меню «Файл» — там нет «Done». Не в панели инструментов слева — там только инструменты. А вот в правой части экрана, в панели свойств, под полем ввода, — там, где вы только что печатали, появляется тонкая кнопка с надписью «Done». Это не ошибка интерфейса — это особенность дизайна Figma: действия подтверждаются там, где они инициированы.

Где именно находится кнопка Done в Figma

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

• При редактировании текста в текстовых полях — после ввода нового текста в поле «Text» в панели свойств.
• При создании или редактировании компонентов — при изменении имени компонента в панели «Components».
• В режиме редактирования переменных — при изменении имени, значения или типа переменной в панели «Design System».
• При настройке стилей (цветов, текстовых стилей) — при переименовании стиля.
• В режиме «Edit Component» — при изменении параметров вложенных компонентов.

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

Шаги: как найти кнопку Done при редактировании текста

Если вы не можете найти кнопку «Done», выполните следующие действия:

1. Выберите текстовый объект на холсте.
2. Убедитесь, что вы не в режиме двойного клика для редактирования текста внутри объекта — в этом случае Figma не требует подтверждения через «Done».
3. Перейдите в панель свойств справа — найдите поле «Text».
4. Щёлкните по тексту в поле «Text» — он станет редактируемым, курсор появится в поле.
5. Внесите изменения — например, замените «Привет» на «Здравствуйте».
6. После изменения вы увидите кнопку «Done» в правом верхнем углу этого же поля.
7. Нажмите «Done» — изменения сохранятся, курсор исчезнет.

Если кнопка не появилась — возможно, вы не вышли из режима редактирования текста внутри объекта. В этом случае просто нажмите клавишу Enter или кликните вне текстового поля — изменения автоматически применятся.

Кнопка Done при работе с компонентами и переменными

Когда вы работаете с системой дизайна — компонентами, стилями и переменными — кнопка «Done» становится критически важной. Здесь она не просто подтверждает текст — она фиксирует изменения в глобальной системе.

Представьте, что вы переименовали компонент «Button Primary» в «Button Primary – New». Без нажатия «Done» Figma не сохранит это изменение. Компонент останется с прежним именем, а все экземпляры на холсте будут продолжать ссылаться на старое название.

В режиме редактирования компонента (когда вы дважды кликаете по компоненту или выбираете «Edit Component» в контекстном меню), кнопка «Done» появляется в правом верхнем углу панели «Properties» — там же, где и при редактировании текста. Но здесь она может быть не только «Done», но и «Save» — в зависимости от версии интерфейса Figma.

При работе с переменными (в панели Design System → Variables) ситуация аналогична. Когда вы изменяете имя переменной, например, с «Color Primary» на «Color Brand Primary», кнопка «Done» появляется в правом верхнем углу поля ввода. Без неё изменения не сохраняются, и система может показать предупреждение о несохранённых изменениях при попытке покинуть панель.

Ошибки и как их избежать

Пользователи часто сталкиваются с тремя типичными ошибками:

• Ошибка 1: «Я ввёл новый текст, но ничего не изменилось». Причина — вы не нажали «Done». Решение — всегда проверяйте, есть ли кнопка «Done» в поле ввода.
• Ошибка 2: «Я нажал Enter, но кнопка не исчезла». Причина — вы находитесь в режиме редактирования внутри текстового объекта, а не в панели свойств. Решение — переключитесь на редактирование через панель свойств, если нужна точная настройка.
• Ошибка 3: «Кнопка «Done» пропала». Причина — вы вышли из режима редактирования. Решение — снова щёлкните по полю ввода, чтобы восстановить режим редактирования.

Как отличить кнопку Done от других кнопок в Figma

Figma использует множество кнопок: «Save», «Apply», «Create», «Update», «Cancel». Как не запутаться?

Таблица поможет различить их:

Обратите внимание: «Done» — единственная кнопка, которая появляется только в процессе редактирования и исчезает сразу после подтверждения. Это ключевое отличие от «Save» или «Apply».

Почему Figma не делает кнопку Done постоянной

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

Figma — это инструмент для дизайнеров, которые работают быстро и интуитивно. Если бы каждый ввод требовал перехода в отдельное окно или нажатия «OK» в модальном окне, работа стала бы медленнее. Вместо этого Figma использует локализованное подтверждение: вы редактируете — вы подтверждаете там же.

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

Вопросы и ответы: всё, что вы хотели знать о кнопке Done

• Почему кнопка «Done» не появляется при редактировании текста внутри объекта?
  Потому что Figma считает редактирование внутри текстового объекта «прямым» — вы вводите текст прямо на холсте, и изменения применяются мгновенно. Кнопка «Done» нужна только при редактировании через панель свойств, где вы работаете с точными значениями.
• Можно ли отключить кнопку «Done»?
  Нет, её нельзя отключить. Это часть базового интерфейса Figma. Но вы можете обойти её, используя клавишу Enter — она выполняет ту же функцию.
• Что делать, если кнопка «Done» не реагирует?
  Перезагрузите страницу. Иногда это баг интерфейса, особенно при использовании старых версий браузера. Убедитесь, что вы используете Chrome, Edge или Safari последних версий. Figma не поддерживает Internet Explorer и устаревшие версии Firefox.
• Есть ли горячие клавиши для «Done»?
  Да — клавиша Enter (на Windows) или Return (на macOS) выполняет ту же функцию. Это самый быстрый способ подтвердить изменения без мыши.
• Почему в некоторых случаях кнопка называется «Save»?
  В редких случаях, особенно при редактировании стилей или переменных в новых версиях Figma, интерфейс может использовать «Save» как синоним. Это экспериментальная замена, которая пока не повсеместна. Обе кнопки работают одинаково.

Заключение

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

Чтобы не терять время, запомните: если вы вводите текст в поле свойств — ищите «Done» в правом верхнем углу этого поля. Если его нет — вы либо не начали редактирование, либо уже подтвердили изменения. Используйте клавишу Enter — она работает в 99% случаев.

• Кнопка «Done» появляется только при редактировании в панели свойств — не на холсте.
• Она всегда в правом верхнем углу активного поля ввода.
• Клавиша Enter — быстрый эквивалент кнопки «Done».
• Если кнопки нет — вы не в режиме редактирования или уже подтвердили изменения.
• Не путайте «Done» с «Save» — первая подтверждает ввод, вторая сохраняет файл.