Pizarra

Colabora en un lienzo compartido con herramientas de dibujo, formas, texto, notas adhesivas y sincronización multiusuario en tiempo real.

Abrir Pizarra#

Haz clic en Pizarra en la barra lateral. La barra lateral se oculta automáticamente para maximizar el espacio del lienzo. Vuelve a mostrarla desde la barra superior.

Herramientas#

La barra de herramientas izquierda contiene todas las herramientas de dibujo y edición:

• Seleccionar (—) — Haz clic para seleccionar, arrastra para mover, usa tiradores para redimensionar
• Mano (—) — Desplazar el lienzo; también puedes arrastrar con el botón central
• Selección de puntos (V) — Editar puntos de ancla en trazados y formas
• rectángulo (—) — Dibujar rectángulos
• círculo (—) — Dibujar elipses
• polígono (—) — Dibujar polígonos
• Texto (—) — Haz clic para añadir texto
• Marco (—) — Crear áreas/marcos de exportación
• Pluma (P) — Dibujo de trazados Bezier
• Pincel (B) — Dibujo a mano alzada
• Flecha (A) — Dibujar flechas con opciones de curva
• Nota adhesiva (—) — Añadir notas adhesivas
• Trazado (—) — Dibujar trazados (cerrados o abiertos)

Deshacer: Q | Rehacer: E (parte inferior de barra de herramientas izquierda)

Dibujar formas#

1. Selecciona una herramienta de forma (rectángulo, círculo, polígono, etc.)
2. Haz clic y arrastra en el lienzo para dibujar
3. Suelta para terminar

Para flechas: Tras dibujar, usa la barra inferior para elegir estilo de curva (izquierda / recta / derecha).

Seleccionar y editar#

Con la herramienta Seleccionar:

• Clic en una forma para seleccionarla
• Arrastrar para mover
• Tiradores de esquina para redimensionar
• Redimensionar flecha también escala grosor de trazo

Con la herramienta Selección de puntos (V):

• Clic en punto de ancla para seleccionarlo
• Arrastrar para recolocar
• Arrastre de marquesina (área vacía) para seleccionar varios puntos
• Flechas de teclado desplazan puntos seleccionados

Texto y notas adhesivas#

Añadir texto#

1. Selecciona la herramienta Texto
2. Haz clic en el lienzo
3. Escribe tu texto en la superposición
4. Haz clic fuera para terminar la edición

Añadir nota adhesiva#

1. Selecciona la herramienta Nota adhesiva
2. Haz clic en el lienzo para colocarla
3. Escribe el contenido
4. Arrastra para recolocar

Tarjetas de enlace#

Incrusta enlaces web como tarjetas visuales en el lienzo:

1. Selecciona una forma o usa el menú contextual → Añadir enlace
2. Introduce una URL en el modal de edición de enlaces
3. La tarjeta muestra una vista previa con metadatos y una miniatura procesada mediante proxy
4. Haz clic en la tarjeta para abrir el enlace

Panel de propiedades#

La barra de herramientas derecha muestra las propiedades de la forma seleccionada:

• Relleno color y opacidad
• Trazo color, ancho y estilo
• Efectos (sombra, desenfoque, etc.)
• Texto: fuente, tamaño y alineación

Las secciones son plegables y conservan su estado. El panel se oculta cuando no hay nada seleccionado.

Capas#

Abre el panel de capas desde el menú superior de desbordamiento:

• Ver todas las formas listadas por z-index
• Reordenar capas (z-index se mantiene único)
• Alternar visibilidad
• Bloquear capas

Marcos#

Los marcos son áreas de exportación que agrupan contenido:

1. Selecciona la herramienta Marco
2. Dibuja un rectángulo en el lienzo
3. Las etiquetas de marco aparecen como superposiciones
4. Arrastra formas dentro de un marco para asignarlas
5. Mover un marco mueve todo su contenido

Al mover/redimensionar una forma y cambiar también su asignación de marco, ambos cambios se fusionan en una entrada de historial de deshacer.

Menú contextual#

Haz clic derecho en el lienzo o en una forma para abrir el menú contextual:

• Copiar / Pegar — Operaciones de portapapeles
• Eliminar — Quitar forma
• Traer al frente / Enviar atrás — Cambios de z-index
• Añadir enlace — Abrir modal de edición de enlace
• Opciones específicas de forma

colaboración#

Todos los cambios se sincronizan en tiempo real mediante WebSocket (Yjs):

• Cursores de colaboradores visibles con colores específicos de usuario
• Varios usuarios pueden dibujar y editar simultáneamente
• Los cambios se integran sin conflictos y mantienen consistencia eventual

Pan y zoom#

• Herramienta Mano — Haz clic y arrastra para desplazar
• Botón central del ratón — Desplazar (funciona con cualquier herramienta seleccionada)
• Rueda de desplazamiento — Acercar/alejar
• El desplazamiento tiene inercia y continúa brevemente tras soltar
• Cualquier nueva entrada cancela el deslizamiento

Restablece la vista desde el menú superior de desbordamiento → Restablecer vista.

Atajos de teclado#

• Q — Deshacer
• E — Rehacer
• V — Selección de puntos
• P — Herramienta Pluma
• B — Herramienta Pincel
• A — Herramienta Flecha
• Delete / Backspace — Eliminar seleccionado
• Ctrl+Z — Deshacer
• Ctrl+Shift+Z — Rehacer

Abre la referencia completa desde el menú superior de desbordamiento → Atajos.