Обновление Figma: множественные сценарии — несколько прототипов на одной странице

Figma выкатила новое обновление — теперь можно создавать несколько разных сценариев в рамках одной страницы вашего проекта и запускать именно тот, который вам нужен в текущий момент.

Обновление Figma: множественные сценарии — несколько прототипов на одной странице

С новым обновлением мы наконец-то можем запускать прототип с разных стартовых экранов, а не дублировать страницу или перелопачивать весь прототип, чтобы продемонстрировать новую фичу или сценарий в дизайне. Такой функционал будет особенно полезен тем, кто проводит юзабилити-тестирование на юзерах с помощью прототипов Figma. Рассмотрим обновление более подробно.

Несколько стартовых экранов

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

Обновление Figma: множественные сценарии — несколько прототипов на одной странице

Несколько способов сделать фрейм стартовым в рамках вашего прототипа:

  1. Выделите начальный фрейм и во вкладке Prototype нажмите + в строке Flow starting point.

  2. Выделите начальный фрейм и в контекстном меню фрейма выберите Add starting point.

  3. Соедините 2 фрейма, без существующих линков или настроек стартового экрана.

  4. При дублировании стартового фрейма, мы получим фрейм, который также является стартовым экраном.

Название и описание сценариев

Теперь вы можете задать название каждому вашему сценарию и подробно его описать. Сделать это можно во вкладке Prototype для стартового экрана.

Обновление Figma: множественные сценарии — несколько прототипов на одной странице

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

Обновление Figma: множественные сценарии — несколько прототипов на одной странице

Изменение стартового экрана

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

Обновление Figma: множественные сценарии — несколько прототипов на одной странице

Отдельная ссылка на каждый сценарий

Теперь, вместо того чтобы перелопачивать весь прототип, чтобы показать новую фичу, можно быстренько создать новый сценарий и отправить ссылку конкретно на него.

Для того, чтобы поделиться ссылкой на конкретный сценарий:

  • Расшарьте ваш сценарий прямо из режима демонстрации с помощью кнопки Share Prototype. Ссылка будет отправлена на текущий, выбранный в левой панели, сценарий.

  • На вкладке Prototype правой боковой панели кликните по кнопке Copy Link рядом с нужным название в списке Flows.

Обновление Figma: множественные сценарии — несколько прототипов на одной странице

На текущий момент множественные сценарии не поддерживается в приложениях Figma Mobile или Figma Mirror. Но лично я не вижу в этом ничего критичного, так как Figma Mirror запускает непосредственно тот фрейм, который выбран на рабочей области.

В целом, функционалом я довольна, это значительно сократит время особенно тем, кто пользуется прототипами Figma в целях демонстрации или для проведения юзабилити-тестирования. Но как дизайнер, проводящий за работой по 8-10 часов одни на один с инструментом, я была бы гораздо более счастливой, если бы они добавили самый обычный поиск по дереву элементов.

Ссылка на официальную документацию тут.

27
13 комментариев