---
title: Экспорт
description: Экспорт изображений (PNG, JPG, WEBP) и сохранение/открытие файлов .fig в OpenPencil.
---
# Экспорт
Экспортируйте отдельные узлы как изображения или сохраняйте и открывайте целые документы в формате .fig.
## Экспорт изображений
Выделите узел и используйте раздел «Экспорт» в панели свойств.
### Настройки экспорта
- **Масштаб** — 0.5×, 0.75×, 1×, 1.5×, 2×, 3×, или 4× (скрыт для SVG — векторная графика не зависит от разрешения)
- **Формат** — PNG (прозрачный фон), JPG (белый фон), WEBP (прозрачный фон), SVG (вектор)
Вы можете добавить несколько настроек экспорта, чтобы экспортировать один и тот же узел в разных масштабах или форматах за один раз. Предпросмотр с шахматным фоном показывает, что будет экспортировано.
### Методы экспорта
| Метод | Mac | Windows / Linux |
|-------|-----|-----------------|
| Сочетание клавиш | ⇧⌘E | Shift + Ctrl + E |
| Контекстное меню | Правый клик → Экспорт… | Правый клик → Экспорт… |
| Панель свойств | Нажать кнопку «Экспорт» | Нажать кнопку «Экспорт» |
Экспортированный файл сохраняется через нативный диалог (настольное приложение) или скачивание в браузере.
## Копировать/Вставить как
Помимо экспорта в файл, вы можете скопировать выделение в буфер обмена в нескольких форматах через контекстное меню (правый клик → Копировать/Вставить как):
| Действие | Сочетание (Mac) | Сочетание (Win/Linux) |
|----------|-----------------|----------------------|
| Копировать как текст | — | — |
| Копировать как SVG | — | — |
| Копировать как PNG | ⇧⌘C | Shift + Ctrl + C |
| Копировать как JSX | — | — |
- **Копировать как текст** — копирует видимое текстовое содержимое из выделения
- **Копировать как SVG** — копирует выделение как SVG-разметку (вставляйте в редакторы кода, Inkscape и т.д.)
- **Копировать как PNG** — рендерит в масштабе 2× и копирует в буфер обмена (готово для вставки в Slack, Notion и т.д.)
- **Копировать как JSX** — копирует представление OpenPencil JSX (совместимо с `renderJsx()`)
## Операции с файлами .fig
OpenPencil использует формат .fig для полных документов — тот же бинарный формат, что и Figma.
### Открытие файлов
| Действие | Mac | Windows / Linux |
|----------|-----|-----------------|
| Открыть файл | ⌘O | Ctrl + O |
Открывается диалог выбора файла с фильтром по файлам .fig. В настольном приложении используется нативный диалог ОС.
### Сохранение файлов
| Действие | Mac | Windows / Linux |
|----------|-----|-----------------|
| Сохранить | ⌘S | Ctrl + S |
| Сохранить как | ⇧⌘S | Shift + Ctrl + S |
- **Сохранить** — перезаписывает текущий открытый файл без диалога
- **Сохранить как** — открывает диалог сохранения для выбора нового местоположения
Сохранённые файлы сжимаются и включают миниатюру для предпросмотра.
### Совместимость двустороннего обмена
Файлы, экспортированные из OpenPencil, можно открывать в Figma, и наоборот. Формат .fig сохраняет все типы узлов, свойства, заливки, обводки, эффекты, векторные данные и настройки раскладки.
## Сочетания клавиш
| Действие | Mac | Windows / Linux |
|----------|-----|-----------------|
| Экспорт выделения | ⇧⌘E | Shift + Ctrl + E |
| Копировать как PNG | ⇧⌘C | Shift + Ctrl + C |
| Открыть файл | ⌘O | Ctrl + O |
| Сохранить | ⌘S | Ctrl + S |
| Сохранить как | ⇧⌘S | Shift + Ctrl + S |
## Советы
- Используйте масштаб 2× или 3× при экспорте для экранов с высоким разрешением.
- JPG всегда использует белый фон — используйте PNG или WEBP, если нужна прозрачность.
- Используйте экспорт в SVG, когда нужен векторный формат для дальнейшего редактирования в Illustrator, Inkscape или коде.
- Миниатюра в экспортированных файлах .fig позволяет просматривать файлы в файловых менеджерах и в выборе файлов Figma.