Skip to content

Экспорт и файлы ​

4B Pen экспортирует отдельные объекты как изображения, SVG или самостоятельные документы .fig. Редактор открывает полные документы .fig и .pen.

Экспорт изображений ​

Выделите объект и откройте раздел «Экспорт» на панели свойств.

Настройки ​

  • Масштаб: от 0,5× до 4×. Для SVG масштаб не показывается, поскольку векторная графика не зависит от разрешения.
  • Формат: PNG с прозрачным фоном, JPG с белым фоном, WEBP с прозрачным фоном, SVG или отдельный документ .fig.

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

Способы экспорта ​

СпособmacOSWindows / Linux
Сочетание клавиш⇧⌘EShift + Ctrl + E
Контекстное менюПравая кнопка → Экспорт…Правая кнопка → Экспорт…
Панель свойствКнопка «Экспорт»Кнопка «Экспорт»

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

Копировать как ​

Контекстное меню позволяет поместить выделение в буфер обмена в нескольких форматах:

ДействиеmacOSWindows / Linux
Копировать как текст——
Копировать как SVG——
Копировать как PNG⇧⌘CShift + Ctrl + C
Копировать как JSX——
  • Текст копируется из видимого содержимого выделенных объектов.
  • SVG можно вставить в редактор кода или Inkscape.
  • PNG отрисовывается в масштабе 2× и готов для вставки в другие приложения.
  • JSX совместим с renderJsx() 4B Pen.

Документы .fig и .pen ​

4B Pen использует бинарный формат .fig Figma, а также открывает документы .pen.

Открытие ​

ДействиеmacOSWindows / Linux
Открыть файл⌘OCtrl + O

Диалог выбора показывает файлы .fig и .pen.

Сохранение ​

ДействиеmacOSWindows / Linux
Сохранить⌘SCtrl + S
Сохранить как⇧⌘SShift + Ctrl + S

Сохранить перезаписывает текущий файл, если 4B Pen по-прежнему имеет разрешение на запись. Сохранить как позволяет выбрать новый путь.

В Chrome и Edge браузер использует File System Access API. В других браузерах, включая Safari, файл загружается через механизм скачивания.

Сохранённый файл сжимается и содержит миниатюру для файлового менеджера.

Совместимость с Figma ​

Файлы, экспортированные из 4B Pen, можно открыть в Figma, а документы Figma — в 4B Pen. Формат .fig сохраняет типы объектов, свойства, заливки, обводки, эффекты, векторные данные и параметры компоновки.

Советы ​

  • Для экранов с высокой плотностью пикселей используйте масштаб 2× или 3×.
  • JPG всегда получает белый фон. Для прозрачности выберите PNG или WEBP.
  • SVG подходит для последующего редактирования в Illustrator, Inkscape или коде.

Released under the MIT License.