Figma выделяется как платформа с высокими возможностями совместной работы, интуитивно объединяя общение, обмен и презентацию в едином интерфейсе. Этот инструмент позволяет дизайнерам не просто обсуждать проекты, но и легко делиться результатами работы, создавать динамические превью и проводить полноценные презентации непосредственно в среде платформы.
Кроме того, Figma предоставляет очень гибкие варианты экспорта, обеспечивая лёгкую адаптацию дизайнов и возможность их доставки в различных форматах под любые требования. Независимо от того, работаете ли вы в команде, демонстрируете свой проект или готовите дизайн к финальной презентации, Figma — ваш универсальный инструмент для комфортного и интегрированного рабочего процесса.
Режим «Spotlight»: демонстрация вашего экрана во время презентации идей
Функция Spotlight (режим внимания) в Figma позволяет демонстрировать свой экран другим участникам файла в реальном времени. Коллеги видят всё, что вы делаете на холсте — перемещения, масштабирование, переход между страницами, — что помогает синхронно обсуждать макет и работать над ним вместе. При этом Figma не показывает ваши действия в боковых панелях и на панели инструментов, чтобы сосредоточить внимание только на контенте.
Как включить Spotlight:
- Наведите курсор на свой аватар в верхней панели инструментов и откройте меню «Multiplayer tools» («Инструменты совместной работы»).
- Выберите пункт «Spotlight me» («Показать мой экран»). После этого участники команды получат уведомление с приглашением смотреть на холст с вашей точки зрения. У них будет возможность нажать «Not now» («Не сейчас»), если они не хотят присоединяться к вашему просмотру.
- Когда вы находитесь в режиме Spotlight, ваш аватар выделен пунктирной линией, показывая текущий статус трансляции. Также на экране отображается количество человек, которые следят за вашим просмотром.
- Чтобы выйти из режима Spotlight и вернуться к стандартному просмотру, нажмите кнопку «Stop» («Остановить») в верхней части холста.
Следование за другими участниками на холсте
Функция следования за другими участниками в Figma позволяет легко синхронизироваться с просмотром вашей команды, способствуя эффективной совместной работе. Независимо от того, подключаетесь ли вы к совместной сессии или хотите быстро понять, над чем работают коллеги, вы можете без усилий следить за их перемещениями.
Как следовать за другими пользователями:
- Ваше присутствие на холсте обозначено аватаром в верхней панели.
- Чтобы начать следить за кем-то, щёлкните на его аватар. Теперь вы будете видеть холст с его точки зрения, но не увидите его действия на панели инструментов.
- Чтобы прекратить следование, нажмите «Stop following» («Остановить слежение») вверху холста.
Курсорный чат для быстрого общения
Курсорный чат в Figma — это динамичный инструмент отправки быстрых временных сообщений, который улучшает общение в реальном времени прямо в вашем файле. Он идеально подходит, если нужно привлечь внимание коллеги или задать быстрый вопрос по проекту.
Чтобы начать курсорный чат, нажмите клавишу / или сделайте правый клик на холсте и выберите «Cursor chat» («Курсорный чат»). Рядом с вашим курсором появится пустой текстовый пузырь. Отправлять сообщение не нужно — оно появляется в реальном времени и остаётся на экране в течение 5 секунд после завершения набора текста.
Чтобы ваши коллеги увидели сообщения, убедитесь, что ваш курсор им виден. Чтобы очистить чат и начать новое сообщение, нажмите Return (Mac) или Enter (Windows).
Совет! Имейте в виду, что сообщения курсорного чата временные и не сохраняются в Figma. Важные комментарии следует сохранять с помощью инструмента комментариев.
Предварительный просмотр и презентация прототипов
В правом верхнем углу панели инструментов Figma доступны две функции, специально предназначенные для взаимодействия с прототипами и их демонстрации. Прототипы — это интерактивные версии ваших дизайнов:
- Preview («Предпросмотр»): тестируйте ваш прототип прямо внутри файла с помощью встроенного предпросмотра. Эта функция позволяет сразу увидеть и проверить функционал прототипа, не переходя в отдельную вкладку.
- Present («Презентация»): демонстрируйте ваш прототип в отдельном режиме презентации, открывающемся в новой вкладке. Используйте этот режим для презентации коллегам или проверки, как выглядит дизайн на конкретном устройстве.
Совместное использование файлов и прототипов
Хотите получить обратную связь от коллег или показать ваши дизайны сообществу без предоставления права на редактирование? Функции обмена файлами в Figma удобны и универсальны. Для этого нажмите кнопку «Share» («Поделиться») в правом верхнем углу любого файла Figma или FigJam. Затем просто скопируйте прямую ссылку на файл или прототип. По этой ссылке пользователи попадут прямо на выбранный вами фрейм.
Также вы можете отправить приглашение напрямую по электронной почте. Обязательно проверьте и настройте права доступа для тех, с кем делитесь файлом.
Совет! Если вы хотите поделиться конкретным фреймом, предварительно выберите его. Тогда ваша ссылка приведёт получателей точно на него.
Выбор правильных прав доступа
В Figma правильная настройка прав доступа играет ключевую роль в управлении тем, как другие пользователи взаимодействуют с вашим файлом или прототипом:
- Может редактировать (Can Edit): Этот уровень предоставляет пользователям полный контроль над дизайном. Они могут редактировать содержимое, перемещать элементы, переименовывать файл, управлять настройками доступа и даже удалять файл. Такой доступ подходит членам команды, непосредственно участвующим в процессе разработки дизайна.
- Может просматривать (Can View): Пользователи с доступом только на просмотр могут подробно изучать файл без изменения его содержимого. Им доступно инспектирование слоёв, просмотр свойств элементов и прототипов, а также использование комментариев, курсорного чата, аудиочата и реакций в файлах Figma и FigJam. Такой доступ отлично подходит заказчикам и членам команды, участвующим в обсуждении и оценке проекта.
- Может просматривать прототип (Can View Prototypes): Это специальный тип доступа, позволяющий видеть только готовый прототип, без доступа к самим страницам дизайна. Он идеален для демонстрации клиентам или команде, когда нет необходимости погружаться в детали дизайна. Обратите внимание, что этот тип доступа недоступен для черновиков (drafts).
Защита файлов с помощью правильного права доступа
Настройки доступа в Figma позволяют точно контролировать, кто может видеть ваши файлы или прототипы, обеспечивая надёжную безопасность:
- Любой, у кого есть ссылка (Anyone with the link): Обеспечивает самый широкий доступ. Любой человек, у которого есть ссылка, независимо от членства в команде, сможет просматривать файл. Идеально для публичного распространения и получения массовой обратной связи.
- Любой с доступом по ссылке и паролю (Anyone with the link and password): Предоставляет дополнительный уровень защиты. Доступ возможен только при наличии ссылки и пароля. Это идеальный выбор для конфиденциальных или чувствительных проектов.
- Только приглашённые люди (Only people invited to the file): Максимально строгий тип доступа. Файл смогут просматривать только люди, которых вы напрямую пригласите по электронной почте. Этот вариант подходит для закрытых проектов, требующих максимальной конфиденциальности.
Для организаций предусмотрены дополнительные настройки, позволяющие ограничивать доступ только членами организации — либо по ссылке, либо внутри организации целиком. Это удобно для внутренних ресурсов или общих библиотек, обеспечивая, что контент остаётся доступным только команде. Гостям потребуется персональное приглашение.
Настройки экспорта
В Figma доступ к функциям экспорта зависит от типа доступа к файлу:
- Пользователям с правами редактирования раздел «Экспорт» доступен в нижней части правой боковой панели, обеспечивая удобство работы с дизайнами.
- Пользователи с доступом только на просмотр найдут раздел «Экспорт» во вкладке Export на правой боковой панели. Это позволяет им просматривать и экспортировать элементы без внесения изменений в оригинальный дизайн.
Что можно экспортировать из Figma?
- Отдельные слои, фреймы, компоненты, группы или конкретные секции.
- Конкретные области холста, выделенные инструментом Slice.
- Полный холст страницы, позволяющий захватить дизайн целиком.
- Весь файл, который можно сохранить в формате .fig для резервного копирования или передачи другим пользователям.
Выбор подходящего формата экспорта
Правильный выбор формата экспорта в Figma гарантирует оптимальное качество и функциональность ваших дизайнов:
- PNG: Подходит для изображений с прозрачностью или смешанным содержимым, таким как логотипы и иллюстрации. Формат обеспечивает сжатие без потерь качества, но размер файла будет больше, чем у JPG.
- JPG: Идеален для фотографий, используемых в веб-дизайне или печати, так как обладает меньшим размером файла благодаря сжатию с потерей качества. Не поддерживает прозрачность и менее подходит для графики с текстом, поскольку может ухудшить чёткость надписей.
- SVG: Отличный выбор для логотипов, иконок или адаптивных элементов интерфейса. SVG — это векторный формат, который сохраняет чёткость при любом размере и поддерживает прозрачность. Подходит для веб-разработки и цифровых проектов.
- PDF: Используется для обмена подробными макетами и презентациями. PDF-файлы содержат текст, шрифты, векторную графику и изображения, сохраняя целостность дизайна. Идеальны для подготовки печатных макетов, экспорта элементов для iOS-разработки (поддерживается в Xcode) или презентаций.
Масштабирование при экспорте
Настройки экспорта Figma позволяют точно контролировать размеры экспортируемых элементов. Вы можете использовать стандартные варианты масштабирования или указать нужный размер вручную.
Для этого введите число и укажите после него:
- «x» для увеличения масштаба в указанное количество раз
- «w» для указания конкретной ширины
- «h» для задания конкретной высоты
Масштабирование особенно полезно для экранов с высокой плотностью пикселей (например, Retina-дисплеев), где требуется повышенная детализация.
По умолчанию изображения из Figma экспортируются с разрешением 72 DPI (точек на дюйм). Чтобы рассчитать DPI при изменении масштаба, умножьте 72 на указанный коэффициент масштабирования. Например, при экспорте с коэффициентом 2x изображение будет иметь DPI 144. Чем выше DPI, тем чётче и детальнее изображение выглядит на экранах с высоким разрешением.
Массовый экспорт файлов
Функция массового экспорта в Figma значительно экономит время, позволяя экспортировать сразу несколько элементов, например, весь интерфейс приложения или набор иконок. Для запуска массового экспорта откройте главное меню, затем выберите File («Файл») > Export («Экспорт»), или используйте горячие клавиши:
- Mac: Shift + Command + E
- Windows: Shift + Ctrl + E
В открывшемся окне экспорта вы увидите список элементов, подготовленных к экспорту. Здесь можно проверить масштаб, формат и размеры каждого элемента. Для предпросмотра объекта или названия файла наведите курсор на миниатюру или название слоя. Щёлкнув по миниатюре, можно подсветить соответствующий элемент на холсте. Если вы не хотите экспортировать какой-то элемент, просто снимите галочку рядом с ним.