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

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

1.5 KiB

Raw Permalink Blame History

title	description
Exporter	Rendez des fichiers .fig en PNG, JPG, WEBP, SVG ou JSX avec classes Tailwind.

Exporter

Exportez des designs depuis le terminal — images raster, vecteurs ou code JSX.

Export d'images

openpencil export design.fig                          # PNG (par défaut)
openpencil export design.fig -f jpg -s 2 -q 90       # JPG en 2×, qualité 90
openpencil export design.fig -f webp -s 3             # WEBP en 3×
openpencil export design.fig -f svg                   # SVG vectoriel

Options :

-f — format : png, jpg, webp, svg, jsx
-s — échelle : 1–4
-q — qualité : 0–100 (JPG/WEBP uniquement)
-o — chemin de sortie
--page — nom de la page
--node — identifiant de nœud spécifique

Export JSX

Exportez en JSX avec des classes utilitaires Tailwind :

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

Résultat :

<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>

Supporte aussi --style openpencil pour le format JSX natif (voir Moteur de rendu JSX).

Miniatures

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

Mode application en direct

Omettez le fichier pour exporter depuis l'application en cours d'exécution :

openpencil export -f png    # capture du canevas actuel

1.5 KiB Raw Permalink Blame History Unescape Escape