Почему функция «По клику» отключена в Figma? Как исправить

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

Почему

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

Figma Почему «On Click» отключен на ПК

Давайте посмотрим, как вы можете устранять проблемы «по щелчку» на ПК с Windows.

Проверьте основной компонент

Хотя интерактивные компоненты Figma должны хорошо работать с другими элементами программы, это не всегда так. Если вы использовали веб-страница Фигмы Чтобы добавить интерактивные элементы в свой прототип, вы, вероятно, пытались протестировать опцию «по клику».

Если взаимодействие не работает корректно, лучше всего проверить основной компонент. Следующие шаги помогут вам настроить ваш основной компонент так, чтобы он не нарушал работу прототипа:

  1. Откройте свой прототип и посмотрите, включили ли вы основной компонент в готовый результат.
  2. Если прототип содержит основной компонент, удалите его, чтобы оптимизировать конструкцию.
  3. Создайте новый фрейм и поместите в него экземпляр основного компонента. Никогда не добавляйте сам основной компонент, только его экземпляр.

После встраивания основного компонента во фрейм верхнего уровня ваш прототип должен реализовать взаимодействие «по клику» без проблем.

Вместо этого используйте «мышь вверх»

Другая причина, по которой взаимодействие «по щелчку» отключено, может заключаться в переопределении компонентов. Несмотря на то, что пользователи ожидают плавного объединения нескольких интерактивных элементов, иногда могут возникать ошибки, которые нарушают логику компонентов. Однако преданные пользователи Figma нашли временное решение, которое они могут использовать, пока Figma не решит проблему и не выполнит постоянное обновление.

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

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

Figma Почему «On Click» отключен на Mac?

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

Вот два способа исправить это и сделать ваш прототип интерактивным.

Держите главный компонент вне прототипа

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

  1. Запуск программа Фигма на вашем Mac.
  2. Просмотрите свои проекты и откройте прототип, который вы хотите изменить.
  3. Перейдите к основному компоненту и посмотрите, вставили ли вы его прямо в прототип.
  4. Если основной компонент находится внутри прототипа, удалите его.
  5. Сделайте новую рамку и перенесите в нее основной компонент.

Имейте в виду, что вы никогда не должны перемещать исходный компонент, а скорее его экземпляр.

Когда основной компонент находится внутри фрейма верхнего уровня, он не будет мешать логике компонента. Вы можете вернуться к своему прототипу и посмотреть, будет ли он теперь выполнять действие «по клику».

Вместо этого полагайтесь на «мышь вверх»

Если прототип содержит несколько интерактивных компонентов, они могут мешать правильному функционированию друг друга. Например, взаимодействие с «Мышь вверх» и «Мышь вниз» помогает имитировать нажатие кнопки. Но когда вы добавляете опцию «по клику», прототип ее игнорирует.

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

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

Активируйте свои клики

Figma — впечатляющий инструмент, но есть много областей, в которых он может улучшить свою производительность, особенно когда речь идет об интерактивных компонентах. Хотя некоторые элементы отключают действие «при нажатии», вы можете обойти эту проблему, переместив основные компоненты или используя взаимодействие «Мышь вверх». Будем надеяться, что Figma скоро представит встроенное решение для сглаживания оставшихся глюков.

Были ли у вас проблемы с использованием взаимодействия «по клику»? Какой из вышеперечисленных методов помог вам решить эту проблему? Дайте нам знать ваши мысли в разделе комментариев ниже.