Сохранение файлов в Figma¶
Сохранение файлов в Figma — процесс фиксации изменений в облачном редакторе интерфейсов Figma, который автоматически записывает правки на сервере и не требует от пользователя ручного вызова команды «Сохранить». Платформа построена на принципе постоянной синхронизации: каждый внесённый элемент, слой или стиль немедленно фиксируется в облачном хранилище, а локальных копий файла на компьютере пользователя не создаётся.
¶Принцип работы облачного хранения
Figma работает как веб-приложение (десктопное приложение для Windows и macOS является обёрткой над той же веб-версией). Файлы хранятся на серверах Figma, а не на устройстве пользователя. Изменения, вносимые в документ, синхронизируются в реальном времени: когда дизайнер перемещает объект, меняет цвет или добавляет компонент, клиент отправляет соответствующие операции на сервер, и они тут же становятся доступны всем участникам файла.
Из-за этого привычной команды «Файл → Сохранить» (Ctrl+S / Cmd+S) в привычном понимании в Figma нет. Нажатие этой комбинации не создаёт отдельную копию документа — все правки уже сохранены. Вместо ручного сохранения платформа использует:
- Автосохранение — каждая операция записывается на сервер автоматически.
- Историю версий — все изменения журналируются с отметками времени и автором.
- Ветки (Branches) — возможность вести параллельные экспериментальные версии макета.
¶Как убедиться, что изменения сохранены
Статус синхронизации отображается в интерфейсе. В левом верхнем углу редактора рядом с именем файла находится индикатор: при отсутствии соединения с интернетом Figma показывает уведомление о том, что изменения не отправлены. Если связь с сервером прерывается, правки продолжают копиться локально и отправляются при восстановлении сети.
При закрытии вкладки или выходе из файла дополнительных действий предпринимать не нужно — все правки уже зафиксированы на сервере.
¶Экспорт файлов
Под «сохранением файла в Figma» часто подразумевают именно экспорт готового результата — извлечение макета из редактора в формат, пригодный для передачи или использования вне платформы. Figma поддерживает несколько сценариев экспорта.
¶Экспорт изображений
Выделенный объект или фрейм можно экспортировать в растр или вектор:
- Выделить нужный объект на холсте.
- В правой панели (раздел «Экспорт» / Export) добавить формат: PNG, JPEG, SVG или PDF.
- Задать масштаб (1x, 2x, 3x, 4x) и прозрачность фона для растр-форматов.
- Нажать кнопку «Экспорт» — файл скачается на компьютер.
Для пакетного экспорта нескольких объектов используется комбинация Ctrl+Shift+E (Cmd+Shift+E на macOS): она собирает все помеченные к экспорту элементы и скачивает их одним архивом.
¶Сохранение копии файла
Чтобы создать независимую копию макета в своём пространстве Figma:
- В редакторе открыть меню файла (иконка Figma в левом верхнем углу).
- Выбрать «Файл» → «Сохранить копию» (File → Duplicate to your drafts).
- Копия появится в разделе «Черновики» (Drafts) аккаунта пользователя.
Для файлов, к которым есть только доступ для просмотра (View only), дублирование — единственный способ получить редактируемую версию.
¶Экспорт спецификаций и кода
Figma позволяет извлекать из макета не только изображения, но и технические данные:
- CSS / iOS / Android — панель Inspect показывает CSS-свойства, значения цветов в HEX/RGB, размеры отступов и шрифтовые параметры.
- Спецификация (Dev Mode) — режим разработчика (доступен на платных тарифах и бесплатно для образовательных аккаунтов) собирает размеры, переменные и готовые фрагменты кода.
- Плагины — сторонние расширения (например, Content Reel, Stark, Zeplin) позволяют выгружать данные макета в форматах, удобных для командной работы.
¶Сохранение шрифтов и стилей
Figma хранит стили документа (цвета, текстовые стили, эффекты) внутри файла. Чтобы перенести их в другой проект, используется библиотека публикации: в разделе «Библиотеки» файл можно опубликовать как библиотеку, после чего стили и компоненты станут доступны другим файлам команды.
Локальные шрифты, установленные на компьютере, Figma использует через десктопное приложение. В веб-версии доступны только Google Fonts и системные шрифты, поэтому для работы с корпоративными гарнитурами рекомендуется установка десктоп-клиента.
¶Ограничения и особенности
- Figma не хранит локальные копии файлов: без интернета открыть документ невозможно.
- История версий ограничена тарифом: на бесплатном плане доступны последние 30 дней изменений, на платных — неограниченный период.
- Максимальный размер изображения, загружаемого в макет, — 4096 пикселей по одной из сторон.
- Права доступа (просмотр, редактирование, владелец) определяют, сможет ли пользователь создать копию файла.
Источники:
- Документация Figma Help Center (help.figma.com)
- Figma Blog: обновления платформы и описания функций
- Figma Community: руководства по экспорту и работе с библиотеками