Обновление Figma: множественные сценарии — несколько прототипов на одной странице
Figma выкатила новое обновление — теперь можно создавать несколько разных сценариев в рамках одной страницы вашего проекта и запускать именно тот, который вам нужен в текущий момент.
С новым обновлением мы наконец-то можем запускать прототип с разных стартовых экранов, а не дублировать страницу или перелопачивать весь прототип, чтобы продемонстрировать новую фичу или сценарий в дизайне. Такой функционал будет особенно полезен тем, кто проводит юзабилити-тестирование на юзерах с помощью прототипов Figma. Рассмотрим обновление более подробно.
Несколько стартовых экранов
Если раньше стартовый экран в рамках страницы вашего проекта мог быть только один, то теперь можно добавить несколько стартовых экранов, создав таким образом несколько сценариев в пределах одной страницы. Например, теперь в рамках одной страницы можно сделать сценарий регистрации пользователя и оформления заказа, и демонстрировать их отдельно друг от друга.
Несколько способов сделать фрейм стартовым в рамках вашего прототипа:
Выделите начальный фрейм и во вкладке Prototype нажмите + в строке Flow starting point.
Выделите начальный фрейм и в контекстном меню фрейма выберите Add starting point.
Соедините 2 фрейма, без существующих линков или настроек стартового экрана.
При дублировании стартового фрейма, мы получим фрейм, который также является стартовым экраном.
Название и описание сценариев
Теперь вы можете задать название каждому вашему сценарию и подробно его описать. Сделать это можно во вкладке Prototype для стартового экрана.
Название и описание вашего сценария будут отображены в левой панели при запуске прототипа в режиме демонстрации. Также в этой панели вы сможете быстро переключаться между сценариями без необходимости возвращаться в проект и запускать другой прототип. Боковую панель можно скрыть или отобразить в любой момент.
Изменение стартового экрана
Вы можете в любой момент изменить стартовый экран вашего сценария — просто перетащите синий флажок с название сценария с текущего фрейма на целевой прямо на рабочей области. Важно, чтобы целевой фрейм был верхнего уровня. Очень удобно как мне кажется.
Отдельная ссылка на каждый сценарий
Теперь, вместо того чтобы перелопачивать весь прототип, чтобы показать новую фичу, можно быстренько создать новый сценарий и отправить ссылку конкретно на него.
Для того, чтобы поделиться ссылкой на конкретный сценарий:
Расшарьте ваш сценарий прямо из режима демонстрации с помощью кнопки Share Prototype. Ссылка будет отправлена на текущий, выбранный в левой панели, сценарий.
На вкладке Prototype правой боковой панели кликните по кнопке Copy Link рядом с нужным название в списке Flows.
На текущий момент множественные сценарии не поддерживается в приложениях Figma Mobile или Figma Mirror. Но лично я не вижу в этом ничего критичного, так как Figma Mirror запускает непосредственно тот фрейм, который выбран на рабочей области.
В целом, функционалом я довольна, это значительно сократит время особенно тем, кто пользуется прототипами Figma в целях демонстрации или для проведения юзабилити-тестирования. Но как дизайнер, проводящий за работой по 8-10 часов одни на один с инструментом, я была бы гораздо более счастливой, если бы они добавили самый обычный поиск по дереву элементов.
Ссылка на официальную документацию тут.
Реально полезная фича! Команда Фигмы как всегда на уровне)
Как обычно, сделает ненужными много приложений
Очень еще хочется перелинковки с артбордами на других страницах, а не только в рамках текущей.
Для такого функционала было бы прикольно иметь отдельный интерфейс, куда будешь лить только все нужные фреймы и дальше их линковать, как твоей душе угодно)
Круто! Спасибо Figma) Спасибо автору статьи за подробное описание)
Спасибо больше) рада стараться ☺️
мне еще вкатили интерактивные компоненты) не лагают и работают очень быстро и смарт анимация работает просто на ура внутри них)