- Update comparison tables: 78 tools (was 75), SVG export no longer a Penpot advantage, renderer LOC updated to ~3,200 after split into 10 files - Update figma-comparison: Rename layers ✅, SVG export ✅, +Copy/Paste as, +Tailwind export, +Stroke align, +per-side stroke weights; coverage 88/152 → 94/158 - Add What's Next roadmap to architecture.md: AI providers, figma-use tool set, CI tooling, prototyping, CSS Grid, PDF export, .fig fidelity - Update user-guide: SVG in export format table, Copy/Paste as submenu, stroke align + per-side weights, layer inline rename, mobile drawer, Code tab format toggle - Fix keyboard shortcuts: ⌘N/⌘T/⌘W ✅, ⌘\ ✅, add ⇧⌘C ✅ - Expand MCP tools reference from ~25 to all 78 tools in full category tables - Add Homebrew tap install to Getting Started - Add new features.md sections: SVG export, Copy/Paste as, stroke align, mobile/PWA, Tailwind JSX export, Google Fonts fallback, auto-save toggle, Homebrew tap, layer rename, renderer profiler - Full locale sync for DE, ES, FR, IT, PL: all 7 files updated in each locale
1.6 KiB
1.6 KiB
| title | description |
|---|---|
| Exportar | Exportar imágenes (PNG, JPG, WEBP, SVG) y gestionar archivos .fig en OpenPencil. |
Exportar
Exportación de imágenes
Selecciona un nodo y usa la sección Export en el panel de propiedades.
Configuración de exportación
- Escala — 0,5×, 0,75×, 1×, 1,5×, 2×, 3× o 4× (oculta para SVG — los vectores son independientes de la resolución)
- Formato — PNG (fondo transparente), JPG (fondo blanco), WEBP (fondo transparente), SVG (vector)
Métodos de exportación
| Método | Mac | Windows / Linux |
|---|---|---|
| Atajo de teclado | ⇧ ⌘ E | Shift + Ctrl + E |
| Menú contextual | Clic derecho → Exportar… | Clic derecho → Exportar… |
| Panel de propiedades | Botón "Exportar" | Botón "Exportar" |
Copiar como
El menú contextual Copiar como ofrece formatos adicionales:
| Acción | Mac | Windows / Linux |
|---|---|---|
| Copiar como texto | — | — |
| Copiar como SVG | — | — |
| Copiar como PNG | ⇧ ⌘ C | Shift + Ctrl + C |
| Copiar como JSX | — | — |
Operaciones de archivo .fig
| Acción | Mac | Windows / Linux |
|---|---|---|
| Abrir | ⌘ O | Ctrl + O |
| Guardar | ⌘ S | Ctrl + S |
| Guardar como | ⇧ ⌘ S | Shift + Ctrl + S |
Compatibilidad de ida y vuelta con Figma.
Consejos
- Usa escala 2× o 3× para pantallas de alta resolución.
- JPG siempre usa fondo blanco — usa PNG o WEBP si necesitas transparencia.
- Usa SVG para edición vectorial posterior en editores de código o Illustrator.