Работа в команде
Figma позволяет нескольким пользователям одновременно работать над одним проектом. Для совместной работы необходимо создать команду.
- Создание команды: В боковой панели аккаунта нажмите кнопку «Create new team».
- Название команды: Присвойте команде имя (например, «Eti Progerti»).
- Добавление участников: Укажите email-адреса участников. Добавление и удаление участников возможно в любое время. Для добавления нескольких человек, нажмите на «+». Все участники должны быть зарегистрированы в Figma.
- Тарифный план: Бесплатный тариф позволяет создать только одну команду. Для создания нескольких команд необходимы платные тарифы. Одной команды достаточно для небольшой группы (до 10 человек).
Управление командой: Вы можете приглашать и удалять участников, а также добавлять проекты.
Права доступа:
- Администратор: Полные права, включая удаление проекта.
- Редактор: Может редактировать проект, но не удалять его.
- Просмотрщик: Может только просматривать проект.
Перемещение проекта: Существующий проект можно перенести в команду. Откройте проект, нажмите стрелочку рядом с его названием и выберите «Move project». Выберите команду и папку для проекта.
Тестирование и обмен проектом
Figma предлагает несколько способов тестирования и обмена проектами.
Общий доступ:
- По email: Поделитесь проектом, указав email-адреса и права доступа (просмотр, редактирование).
- Ссылка: Скопируйте и отправьте ссылку. Можно настроить права доступа (только просмотр) и скопировать HTML-код для встраивания на сайт.
Просмотр по ссылке: Пользователь может только просматривать дизайн, без возможности скачивания файлов.
Комментарии: Оставляйте комментарии к элементам дизайна. Комментарии видны всем участникам команды, но не видны при просмотре по ссылке с ограниченными правами. Их можно оставлять, скрывать/раскрывать, редактировать, удалять, отвечать на них и помечать как решенные.
Figma Mirror
Figma Mirror (приложение для Android и iOS, а также браузерная версия) позволяет просматривать проекты на мобильных устройствах. В браузере откройте мобильную версию сочетанием клавиш Cmd+Opt+I (macOS) или Ctrl+Shift+I (Windows) и переключитесь на вкладку мобильной версии в инструментах разработчика.
Экспорт проекта
Экспорт проекта/фреймов: В меню «File» выберите «Export» для экспорта всего проекта или отдельных фреймов.
Экспорт элементов: Выделите элемент (фрейм, изображение, текст) и нажмите «Export». Укажите размер, суффикс и формат (PNG, JPG, SVG). SVG сохраняет редактируемый файл.
Инструмент «Slice»: Используйте инструмент «Slice» для экспорта части проекта. Создайте слайс и экспортируйте его содержимое.
Инструмент «Inspect»
Вкладка «Inspect» содержит характеристики элементов дизайна (шрифты, цвета, размеры, код для Android, iOS, CSS).
В этом уроке мы рассмотрели работу в команде, обмен проектами, комментарии, Figma Mirror и экспорт. Эти инструменты обеспечивают эффективное сотрудничество, тестирование и передачу готового дизайна.