Centro de Ayuda y Guía de Generación

Guía completa para la generación profesional de líneas de corte y diseño de rompecabezas con JigsawDesigner.

1Primeros Pasos

Crea Tu Primer Proyecto

  1. 01
    Inicia JigsawDesignerAbre la aplicación en tu Mac o dispositivo iOS.
  2. 02
    Elige una HerramientaSelecciona entre 8 herramientas de dibujo en la barra de herramientas.
  3. 03
    Dibuja Tu DiseñoCrea formas, rutas o importa archivos SVG existentes.
  4. 04
    Genera el RompecabezasHaz clic en 'Generar Rompecabezas' para crear piezas entrelazadas.
  5. 05
    ExportarGuarda tu rompecabezas como SVG para fabricación o impresión.

2Biblioteca de Proyectos

La Biblioteca de Proyectos es tu centro para gestionar todos los diseños de rompecabezas.

📁

Mis Proyectos

My Projects

Tu espacio personal para diseños de rompecabezas, almacenados en iCloud.

  • Sincronización automática de iCloud entre Mac, iPad y iPhone
  • Crea nuevos proyectos con el botón +
  • Vistas previas en miniatura con nombre y fecha del proyecto
  • Elimina proyectos usando el botón rojo de papelera
  • Los proyectos marcados con icono de nube indican estado de sincronización
💡 Haz clic en "Nuevo Proyecto" para crear uno vacío o abre un proyecto existente.
🖱️

Menú Contextual

Haz clic derecho o mantén presionado para acceder a estas opciones:

Context Menu
📂Abrir Proyecto

Abrir el proyecto en el editor

✏️Renombrar

Cambiar el nombre del proyecto

🌐Publicar

Comparte tu diseño con todos los usuarios de JigsawDesigner. Los proyectos publicados aparecen en la biblioteca de Proyectos Públicos.

🔗Crear Enlace

Genera un enlace para compartir de iCloud. Envía este enlace a colegas o amigos - cuando lo abran, tu proyecto aparecerá en su sección de Proyectos Compartidos.

🗑️Eliminar

Eliminar permanentemente el proyecto

🌐

Proyectos Públicos

Public Projects

Plantillas compartidas por la comunidad disponibles para todos. Explora, previsualiza e importa diseños de nuestra biblioteca pública.

  • Explora plantillas creadas por el equipo de JigsawDesigner
  • Ve el número de piezas antes de importar
  • Haz clic en "Abrir" para previsualizar el diseño
  • Haz clic en "Importar" para copiar a Mis Proyectos
  • Ideal para aprender e inspirarse
💡 Selecciona cualquier proyecto público y haz clic en "Importar" para añadir una copia a tu biblioteca personal. Luego puedes personalizarlo libremente.
👥

Proyectos Compartidos

Shared Projects

Espacio de trabajo colaborativo para proyectos compartidos contigo por otros usuarios a través de iCloud.

  • Recibe proyectos compartidos por colegas o amigos
  • Acceso de solo lectura o edición según permisos
  • Sincronización en tiempo real con el propietario del proyecto
  • Acepta comparticiones a través de enlace de invitación
💡 Cuando alguien comparta un proyecto contigo, aparecerá aquí automáticamente. Haz clic para abrir y colaborar.

3Interfaz del Editor

El editor de JigsawDesigner ofrece un espacio de trabajo vectorial profesional para diseñar líneas de corte de precisión y troqueles.

Barra de Herramientas Superior

Acceso rápido a todas las herramientas de dibujo y operaciones de archivo.

Top Toolbar
🖱️Seleccionar
✏️Editar Puntos
✒️Pluma
📏Línea
Rectángulo
Círculo
Polígono
🎨Bézier
🎨

Lienzo Infinito

Canvas Workspace

El espacio de trabajo principal para tus diseños.

  • Desplazamiento infinito en todas direcciones
  • Regla con medidas en píxeles
  • Cuadrícula para alineación precisa
  • Zoom con rueda o gesto de pellizco
  • Panorámica arrastrando con espacio o dos dedos
  • Caja de selección visible al seleccionar
💡 Tip: Usa ⌘0 para reiniciar zoom, ⌘1 para ajustar a ventana.
🛠️

Panel de Herramientas

Tools Panel

Acceso rápido a operaciones comunes e información de herramienta.

Herramienta Actual

Muestra la herramienta seleccionada.

Operaciones de Elemento

Copiar o eliminar elemento seleccionado.

Operaciones de Lienzo

Reiniciar vista y ajustar nivel de zoom.

Operaciones Rápidas

Limpiar lienzo, seleccionar todo o deseleccionar.

📚

Panel de Capas

Layers Panel

Gestiona la jerarquía de diseño (similar a Photoshop/Illustrator).

  • Ver grupos y formas en estructura de árbol
  • Expandir grupos para ver ítems anidados
  • Bloquear formas para evitar edición
  • Alternar visibilidad (icono de ojo)
  • Conteo total de capas arriba
🧩

Panel de Plantillas

Templates Panel

Las plantillas definen la forma de las conexiones de las piezas.

  • Plantillas integradas: Convexo Estándar, Cóncavo Estándar, Línea Recta
  • Crea plantillas personalizadas haciendo clic en el botón +
  • Busca plantillas por nombre
  • Selecciona una plantilla para usarla en la generación
  • Las plantillas personalizadas se guardan en tu proyecto
Plantillas Integradas

Formas de ranura prediseñadas por JigsawDesigner. Incluye pestañas clásicas convexas/cóncavas.

Plantillas Personalizadas

Diseña tus propias formas de ranura usando las herramientas de dibujo Bézier. Perfecto para estilos de puzzle únicos.

⚙️

Inspector de Proyecto

Project Inspector

El inspector del lado derecho proporciona todas las opciones de configuración del proyecto.

Info del Proyecto

Ver y editar nombre del proyecto, fecha de creación y modificación.

Ajustes de Lienzo

Establecer ancho y alto en píxeles, o elegir presets.

Ajustes de Puzzle

Configurar tamaño de cuadrícula, número de piezas y distancia de ranura.

Estadísticas

Ver conteo de formas, plantillas y nivel de zoom.

Operaciones

Acceder a ajustes avanzados y botón de generar puzzle.

📐

Inspector de Forma

Shape Inspector

Cuando se selecciona una forma o grupo, el panel derecho muestra información detallada.

Info de Forma

Ver y editar nombre, ID y tipo del elemento (Ruta, Grupo, Círculo, etc.).

Transformar

Ajustar posición (X, Y), escala y rotación del elemento.

Geometría

Ver dimensiones y posición del cuadro delimitador.

Operaciones

Copiar o eliminar el elemento seleccionado.

⚙️

Ajustes Avanzados

Advanced Settings

Accede a la configuración completa de la aplicación.

Configuración de Idioma

Cambia el idioma. Soporta el predeterminado del sistema o más de 40 idiomas.

Gestión de Suscripción

Ver estado de suscripción y gestionar Premium.

Configuración del Editor

Personaliza la visualización del lienzo incluyendo cuadrícula, reglas y ancho de trazo.

  • Mostrar Cuadrícula: Mostrar/Ocultar cuadrícula
  • Mostrar Reglas: Mostrar/Ocultar reglas
  • Ajustar a Cuadrícula: Activar/Desactivar ajuste a cuadrícula
  • Espaciado de Cuadrícula: Ajustar espaciado de cuadrícula
  • Ancho de Trazo: Establecer ancho de trazo
✏️

Editor de Plantillas

Template Editor

Crea plantillas de ranura personalizadas usando la herramienta de curvas Bézier.

  • Nombra tu plantilla
  • Dibuja curvas Bézier con clic y arrastre
  • Doble clic para terminar el trazado
  • Edita puntos de control individuales
  • Importa plantillas SVG existentes
  • Exporta plantillas como respaldo
Borrar Ruta

Borrar el dibujo actual

Editar Puntos

Cambiar a modo de edición de puntos

Importar SVG

Importar archivo SVG como plantilla

Exportar SVG

Exportar plantilla como SVG

4Generación de Líneas de Corte

JigsawDesigner utiliza algoritmos avanzados (Voronoi y DCEL) para generar líneas de corte entrelazadas. Sigue estos 4 pasos:

1

Importar Contorno Límite

Haz clic en "Importar SVG" o dibuja una forma vectorial para definir el límite exterior y las piezas "whimsy".

Importar Contorno Límite
2

Seleccionar Plantilla de Ranura

Elige un diseño de ranura (Estándar, Multipunto, etc.) para definir cómo se conectan las piezas.

Seleccionar Plantilla de Ranura
3

Configurar Parámetros

Establece el tamaño de la rejilla, el número de piezas y el rango de distancia de las ranuras.

Configurar Parámetros
4

Generar Líneas de Corte

Haz clic en "Generar" para ejecutar el algoritmo. En segundos, tendrás un troquel listo para corte láser.

Generar Líneas de Corte

5Herramientas de Dibujo SVG

🖱️

Herramienta Selección

Selecciona y mueve formas en el lienzo. Shift+Clic para selección múltiple, Ctrl+Clic para profundizar en grupos.

✏️

Herramienta Edición

Edita los puntos de control de las formas. Ajusta la geometría de la forma con precisión arrastrando puntos.

✒️

Herramienta Pluma

Dibujo de rutas de forma libre. Haz clic y arrastra para crear curvas Bezier y formas orgánicas.

📏

Herramienta Línea

Dibuja líneas rectas. Perfecto para diseños geométricos y conexiones precisas.

Herramienta Rectángulo

Dibuja formas rectangulares. Haz clic y arrastra desde la esquina para crear.

Herramienta Círculo

Dibuja círculos y elipses. Arrastra desde el centro para establecer el radio.

Herramienta Polígono

Dibuja polígonos de múltiples lados. Haz clic para colocar cada vértice, doble clic para terminar.

🎨

Herramienta Bezier

Dibuja curvas Bezier precisas con puntos de ancla y manejadores de control.

6Operaciones de Elementos

Selección

  • Selección Única: Haz clic en cualquier forma
  • Selección Múltiple: Shift+Clic en múltiples formas
  • Seleccionar Todo: Presiona ⌘A para seleccionar todas las formas
  • Selección Profunda: Ctrl+Clic para seleccionar elementos hijos en grupos

Agrupación

  • Agrupar Formas: Selecciona múltiples formas y presiona G
  • Desagrupar: Selecciona un grupo y presiona ⌘G
  • Grupos Anidados: Crea jerarquías complejas

Edición

  • Copiar: Presiona ⌘C para duplicar los elementos seleccionados
  • Eliminar: Presiona Suprimir o Retroceso para eliminar
  • Transformar: Usa el panel Inspector para ajustar posición, escala y rotación

7Importación y Exportación SVG

📥 Importar SVG

Importa archivos SVG existentes para usarlos como límites de rompecabezas o elementos de diseño.

Atajo: ⌘I

  • Rutas, rectángulos, círculos
  • Grupos y transformaciones
  • ViewBox y coordenadas

📤 Exportar SVG

Exporta tus diseños y rompecabezas generados como archivos SVG estándar.

Atajo: ⌘E

  • Formato SVG 1.1 estándar
  • Preserva todas las transformaciones
  • Mantiene jerarquías de grupos
⚡️

Función Premium

Se requiere suscripción Premium para exportar rompecabezas generados. Los usuarios gratuitos pueden diseñar y generar, pero la exportación está limitada.

8Atajos de Teclado

Operaciones de Archivo

Nuevo Proyecto⌘N
Importar SVG⌘I
Exportar SVG⌘E

Operaciones de Edición

Copiar⌘C
EliminarDelete
Seleccionar Todo⌘A
Agrupar FormasG
Desagrupar⌘G

Selección

Selección MúltipleShift+Click
ProfundizarCtrl+Click
Subir NivelEsc

Solución de Problemas

Las formas no aparecen

Verifica que estés en el modo de dibujo correcto. Verifica que el tamaño del lienzo tenga espacio para tu forma. Comprueba que los colores de relleno/trazo de la forma no sean transparentes.

No puedo seleccionar una forma

Cambia a la Herramienta Selección (icono de cursor). Asegúrate de que la forma no esté oculta detrás de otras. Intenta usar Ctrl+Clic para profundizar en los grupos.

La generación del rompecabezas falla

Asegúrate de que tu forma límite sea una ruta cerrada. Reduce el conteo de piezas para formas complejas. Comprueba que las plantillas de ranuras sean válidas.

La exportación está deshabilitada

Se requiere suscripción Premium para exportar rompecabezas generados. El nivel gratuito permite diseñar pero limita la funcionalidad de exportación.

¿Por qué JigsawDesigner para Generación de Corte?

SVG para Corte Láser

Genera rutas SVG limpias y precisas optimizadas para Glowforge, Cricut y láseres CO2.

Troqueles Personalizados

Crea líneas de troquel únicas con patrones Voronoi que aseguran que cada pieza sea única.

Listo para Fabricación

Exporta en formatos vectoriales profesionales (SVG, PDF) listos para producción en masa o corte manual.

¿Necesitas Más Ayuda?

Visita nuestra página de soporte o contáctanos directamente para asistencia personalizada

Centro de Ayuda - Generador Profesional de Líneas de Corte y Diseñador SVG