Как экспортировать прототип сайта из Structura.app в Фигму

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

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

Но прежде чем начать визуализировать, вам понадобится экспорт проекта из Structura.app и его загрузка в Фигму.

Вот что нужно сделать:

  1. Заходим в свой аккаунт на сайте Structura.app
  2. Выбираем нужный прототип в разделе «Мои проекты»
  3. Нажимаем на три точки справа вверху и выбираем «Экспорт»

 

Экспорт прототипа из Structura.app

 

4. Откроется окно с доступными для выгрузки форматами. Фигма может принять только PNG, поэтому выбираем только этот формат

 

Экспорт прототипа в формате PNG

 

5. Далее открываем Фигму. Для работы с ней также понадобится авторизация

6. На главной странице справа вверху нажмите на голубую кнопку Import

 

Импорт прототипа Structura.app в Figma

 

7. Затем нажмите на кнопку From your computer и выберите нужный файл: откроется новая страница с проектом Unititled.

 

Загрузка прототипа в Фигму

 

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

Обратите внимание, что экспортировать проект из Structura.app можно только на платном тарифе. Для его активации нажмите на «Выбрать тариф» в окне «Экспорта» или через меню, нажав на три точки справа вверху — далее «Профиль и Тарифы».

 

Выбор тарифа в Structura.app
Если вы ещё не пользовались нашим сервисом, самое время это сделать. Тем более, что создать свой первый прототип можно бесплатно. Даже привязка карты не понадобится.