Danila Poyarkov 883782846f docs(cli): use released openpencil command

2026-05-29 15:56:52 +03:00

1.8 KiB

Raw Blame History

title	description
Экспорт	Рендер .fig-файлов в PNG, JPG, WEBP, SVG или JSX с классами Tailwind.

Экспорт

Экспортируйте дизайн из терминала — растровые изображения, вектор или JSX-код.

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

openpencil export design.fig                          # PNG (по умолчанию)
openpencil export design.fig -f jpg -s 2 -q 90       # JPG в 2×, качество 90
openpencil export design.fig -f webp -s 3             # WEBP в 3×
openpencil export design.fig -f svg                   # SVG-вектор

Параметры:

-f — формат: png, jpg, webp, svg, jsx
-s — масштаб: 1–4
-q — качество: 0–100 (только JPG/WEBP)
-o — путь для сохранения
--page — имя страницы
--node — ID конкретного узла

Экспорт в JSX

Экспорт в JSX с утилитарными классами Tailwind:

openpencil export design.fig -f jsx --style tailwind

Результат:

<div className="flex flex-col gap-4 p-6 bg-white rounded-xl">
  <p className="text-2xl font-bold text-[#1D1B20]">Card Title</p>
  <p className="text-sm text-[#49454F]">Description text</p>
</div>

Также поддерживается --style openpencil для нативного JSX-формата (см. JSX-рендерер).

Миниатюры

openpencil export design.fig --thumbnail --width 1920 --height 1080

Режим работы с приложением

Опустите файл для экспорта из запущенного приложения:

openpencil export -f png    # снимок текущего холста

1.8 KiB Raw Blame History Unescape Escape