Back to Course

Design software

0% Complete
0/0 Steps
  1. Figma
    20 Topics
    |
    20 Quizzes
    1. Аккаунт, история версий, хоткеи.
      1. Figma. Тест. Аккаунт, история версий, хоткеи.
    2. Обзор меню, поиска и предпочтений
      1. Figma. Тест. Обзор меню, поиска и предпочтений
    3. Инструменты и калькулятор, фрейм или группа
      1. Figma. Тест. Инструменты и калькулятор, фрейм или группа
    4. Слои, маски и булливые операции
      1. Figma. Тест. Слои, маски и булливые операции
    5. Привязки (constraints)
      1. Figma. Тест. Привязки (constraints)
    6. Компоненты в Figma
      1. Figma. Тест. Компоненты в Figma
    7. Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку
      1. Figma. Тест. Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку
    8. Выравнивания (align) в Figma, Tidy Up, упаковка и настройка прицела
      1. Figma. Тест. Выравнивания (align) в Figma, Tidy Up, упаковка и настройка прицела
    9. Текст в Figma: шрифт, размер, абзац, строка, line height, текстовые стили
      1. Figma. Тест. Текст в Figma: шрифт, размер, абзац, строка, line height, текстовые стили
    10. Цвет в Figma: заливки, градиенты, изображения, цветовые стили
      1. Figma. Тест. Цвет в Figma: заливки, градиенты, изображения, цветовые стили
    11. Обводка в Figma: контур, бордер, прерывистая линия из точек
      1. Figma. Тест. Обводка в Figma: контур, бордер, прерывистая линия из точек
    12. Эффекты в Figma: тени, блюры, плагины
      1. Figma. Тест. Эффекты в Figma: тени, блюры, плагины
    13. Библиотека стилей и компонентов. Как подключать, настраивать, удалять
      1. Figma. Тест. Библиотека стилей и компонентов. Как подключать, настраивать, удалять
    14. Figma Variants как пользоваться, Настройка вариантов компонентов
      1. Figma. Тест. Figma Variants как пользоваться, Настройка вариантов компонентов
    15. Прототипы в Figma и умные анимации (smart animate)
      1. Figma. Тест. Прототипы в Figma и умные анимации (smart animate)
    16. Панель кода и экспорт
      1. Figma. Тест. Панель кода и экспорт
    17. Ссылка на проект в Фигме (share Figma)
      1. Figma. Тест. Ссылка на проект в Фигме (share Figma)
    18. Как установить, включить плагины в Figma
      1. Figma. Тест. Как установить, включить плагины в Figma
    19. Auto Layout в Figma
      1. Figma. Тест. Auto Layout в Figma
    20. FigJam — онлайн-доска для заметок, мозговых штурмов, исследований
      1. Figma. Тест. FigJam — онлайн-доска для заметок, мозговых штурмов, исследований
  2. Illustrator
    19 Topics
    |
    14 Quizzes
  3. Photoshop
    22 Topics
    |
    22 Quizzes
Lesson 1, Topic 17
In Progress

Ссылка на проект в Фигме (share Figma)

10.02.2022
Lesson Progress
0% Complete

Просмотр в фигме: режим презентации в Figma и ссылка на проект

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

Как отправить ссылку на проект в фигма

Ссылка на проект в фигме

Чтобы поделиться ссылкой на ваш проект в фигме и отправить его вашему заказчику, коллеге или любому другому человеку нажмите на кнопку «Share» в верхнем правом углу. Затем на надпись «Copy link».

Просмотр проекта в браузере

Если эту ссылку открыть в браузере, то можно будет увидеть, ваш курсор и что вы делаете в реальном времени.

Переключение между пользователями при просмотре в фигме

Вы будете видеть аватарки тех, кто просматривает ваш проект сверху и справа. Если нажмёте на какую-то аватарку, то будете видеть курсор и действия этого человека.

Как это можно использовать? Например таким можно обсуждать с заказчиком проект и в реальном времени вносить правки.

Как изменить роль приглашенного человека в проекте в фигме?

Выбор роли пользователя в фигме

Если вы пригласили какого-то человека или поделились с ним ссылкой на проект, то можно изменить его роль. Нажмите на синию кнопку «Share», сверху и справа. Затем напротив нужного человека из списка справа выберите одну из следующих ролей:

  • Owner — владелец. Если хотите передать ему право на файл. Он может делать с ним что угодно, в том числе удалять.
  • Can edit — человек сможет редактировать файл.
  • Can view — может просматривать.
  • Remove — удалить. Если хотите удалить человека из проекта.

Режим предварительного просмотра в фигме

Режим ппросмотра и презентации в фигме

Чтобы включить режим предварительного просмотра в фигме, нажмите на иконку «Present» сверху справа (она похожа на Play). У вас откроется новая вкладка, где вы сможете просматривать фреймы, которые есть в вашем проекте.

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

Например при нажатии на кнопку можно сделать всплывающие окна (popup формы), перенаправлять человека к другому фрейму, сделать поля в контактных формах активными и т.д.

Другими словами можно создать ощущение реального просмотра сайта или мобильного приложения с возможностью кликать и взаимодействовать с разными элементами интерфейса.

Как поделиться ссылкой на прототип в фигме?

Копирование ссылки на прототип в фигме при просмотре

Если вы находитесь в режиме «Present», то можете поделиться ссылкой на ваш прототип. Для этого нажмите на правую верхнюю кнопку «Share prototype» и в появившемся окне нажмите на надпись «Copy link».

Просмотр проекта в браузере в фигме

При открытии скопированной ссылки в браузере, можно просматривать прототип в режиме презентации.

Добавление комментариев в фигме при просмотре

Если нажать на иконку «Add comments» слева сверху , то можно оставить комментарии к вашему проекту. К примеру заказчику не понравился заголовок. Он может оставить комментарий и уведомление придёт к вам на почту. Также вы будете видеть комментарий в интерфейсе фигмы.

Переключение между фреймами в figma

Внизу по центру можно переключаться между фреймами, с помощью стрелок слево и вправо.

Как в фигме (в режиме просмотра) изменить отображаемое устройство?

Если вы хотите изменить отображаемое устройство в режиме предварительного просмотра «Present», то выберите фрейм. Перейдите во вкладку «Prototype» и нажмите на кнопку «Show prototype settings».

Изменение устройства при просмотре

Затем внизу надписи «Device» выберите подходящее устройство из списка. Для примера я выберу фрейм с мобильным приложением и из списка выберу «Iphone 11 pro max».

Iphone 11 pro max

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