Venngage’s Upgraded Editor soporta una amplia gama de atajos de teclado, para que puedas trabajar más rápido y eficientemente, sin depender del ratón.

Ya sea que estés creando, organizando o editando elementos, estos comandos ayudan a agilizar tu flujo de trabajo.

Hoja de referencia de comandos

Aquí tienes un vistazo rápido a los atajos de teclado más usados en el Editor mejorado de Venngage.

Para Mac:

• Cmd = ⌘

• Option = ⌥

Estos atajos también funcionan con diferentes widgets en el Editor mejorado, como el Administrador de Páginas.

Navegar Menús, Barras Laterales y el Lienzo de Diseño

Tab

La tecla Tab cambia la selección o el foco a diferentes secciones del Editor, incluyendo las barras de herramientas y el lienzo, seleccionándolas en un orden lógico.

Presiona la tecla Tab en tu teclado. Aparecerá un cuadro azul oscuro sobre uno de los elementos en el Editor, indicando que está seleccionado.

Presiona la tecla Tab para avanzar por las siguientes áreas en secuencia:

1. Menú de navegación superior:

   • Menú Archivo

   • Verificador de accesibilidad

   • Nombre del archivo

   • Zoom

   • Deshacer y Rehacer

   • Menú de descarga

   • Menú de compartir

2. Barra lateral izquierda:

   • Texto

   • Formas

   • Iconos

   • Fotos

   • Subidas

   • Gráficos y elementos

3. Barra de herramientas superior:
   (Las herramientas varían según el elemento seleccionado en el lienzo de diseño.)

4. Lienzo de diseño:
   (El foco se mueve a través de los elementos presentes en el lienzo.)

5. Herramienta de gestión de páginas

6. Menú de ayuda

7. Widget de chat:
   (Para soporte al cliente en vivo)

Navegar hacia atrás con Shift + Tab

Shift + Tab – Mueve el foco hacia atrás a través de los elementos interactivos en orden inverso.
Útil para volver a una herramienta, panel o elemento del lienzo anterior sin usar el ratón.

Seleccionar y deseleccionar herramientas y elementos

• Tab – Navega y resalta la herramienta o el elemento con el que quieres interactuar.

• Barra espaciadora (Spacebar) – Selecciona o activa el elemento resaltado.

• Presiona la barra espaciadora nuevamente para deseleccionar o desactivar, si aplica.

Ideal para interactuar rápidamente con herramientas y elementos del lienzo usando solo el teclado.

Usar Return/Enter para Seleccionar o Activar

• Tab – Navega y resalta la herramienta o área con la que quieres interactuar.

• Enter (Return) – Selecciona o abre el elemento resaltado.

Perfecto para navegar por la interfaz sin usar el ratón.

Agregar Elementos al Lienzo de Diseño

Usa los siguientes atajos de teclado para añadir rápidamente nuevos elementos directamente al lienzo:

• Haz clic en el lienzo o presiona Tab + Barra espaciadora para enfocar el área del lienzo.

Luego presiona una de las siguientes teclas:

• T – Agregar un cuadro de texto

• C – Agregar un círculo

• R – Agregar un rectángulo

• L – Agregar una línea

Mover Elementos en el Lienzo de Diseño

Puedes reposicionar cuadros de texto, formas, imágenes, íconos y otros elementos usando el teclado.

• Teclas de flecha – Mueve el elemento seleccionado 1px a la vez.
  Primero, usa Tab para navegar hasta el elemento hasta que aparezca un borde de selección, luego usa las flechas para ajustarlo en cualquier dirección.

• Shift + Teclas de flecha – Mueve 10px a la vez para ajustes más rápidos.

Mover Elementos con Desplazamientos Mayores

Para mover elementos seleccionados por el lienzo en pasos más grandes:

• Mantén Shift + Teclas de flecha
  Esto mueve el elemento 10px a la vez en la dirección de la tecla de flecha.

Perfecto para hacer ajustes rápidos y precisos con un desplazamiento mayor.

Redimensionar o Rotar Elementos

Puedes cambiar el tamaño de los elementos vertical, horizontal o proporcionalmente usando atajos de teclado, en incrementos de 1px o 10px.

Redimensionar por 1px:
Selecciona un elemento en el lienzo y luego usa:

• Ctrl + Flechas (Windows)

• Cmd + Flechas (Mac)

• Flechas izquierda/derecha → redimensiona horizontalmente

• Flechas arriba/abajo → redimensiona verticalmente

Redimensionar por 10px:
Mantén Shift junto con los atajos anteriores:

• Ctrl + Shift + Flechas (Windows)

• Cmd + Shift + Flechas (Mac)

Redimensionar proporcionalmente desde la esquina inferior derecha:

• Ctrl + Alt + Flechas (Windows)

• Cmd + Option + Shift + Flechas (Mac)

• Funciona con las flechas arriba, abajo, izquierda o derecha.

Para redimensionar proporcionalmente desde la esquina inferior derecha (tanto vertical como horizontalmente), usa Ctrl + Alt + Flechas en Windows, o Cmd + Option + Shift + Flechas en Mac.

Versión resumida:

Redimensiona proporcionalmente desde la esquina inferior derecha (vertical y horizontal) usando Ctrl + Alt + Flechas en Windows o Cmd + Option + Shift + Flechas en Mac.

Redimensionar y Rotar Elementos en el Lienzo

Redimensionar Elementos:
Para redimensionar en incrementos mayores (por ejemplo, 10px en lugar de 1px):

• Windows: Ctrl + Shift + Flecha (Derecha o Izquierda)

• Mac: ⌘ + Shift + Flecha (Derecha o Izquierda)

Rotar Elementos:
Para rotar un elemento 1°:

• Windows: Alt + Flecha (Izquierda o Derecha)

• Mac: Option + Flecha (Izquierda o Derecha)

Para rotar un elemento 15°:

• Windows: Alt + Shift + Flecha

• Mac: Option + Shift + Flecha

Organizar (Capas) Elementos en el Lienzo

Puedes organizar los elementos (íconos, gráficos, texto, etc.) en capas en el lienzo moviéndolos hacia adelante o hacia atrás:

• Mover un elemento hacia atrás:
  Ctrl + < (Windows) o ⌘ + < (Mac)

• Mover un elemento hacia adelante:
  Ctrl + > (Windows) o ⌘ + > (Mac)

• Enviar un elemento hasta el fondo:
  Ctrl + Shift + < (Windows) o ⌘ + Shift + < (Mac)

• Traer un elemento hasta el frente:
  Ctrl + Shift + > (Windows) o ⌘ + Shift + > (Mac)

Reordenar Capas en el Lienzo

• Mover un elemento seleccionado una capa hacia atrás:
  Ctrl + < (Windows)
  ⌘ + < (Mac)

• Enviar un elemento hasta el fondo del lienzo:
  Ctrl + Shift + < (Windows)
  ⌘ + Shift + < (Mac)

Agrupar o Bloquear Elementos en el Lienzo

Para agrupar elementos:

1. Selecciona múltiples elementos manteniendo Shift presionado y haciendo clic en cada uno.

2. Presiona:

   • Ctrl + Alt + G (Windows)

   • ⌘ + Option + G (Mac)

Para desagrupar elementos:

• Ctrl + Alt + Shift + G (Windows)

• ⌘ + Option + Shift + G (Mac)

Para bloquear elementos en el lienzo:

• Ctrl + Alt + L (Windows)

• ⌘ + Option + L (Mac)
  (Repite el comando para desbloquear.)

Bloquear y Desbloquear Elementos en el Lienzo

Para bloquear un elemento en su lugar en el lienzo de diseño:

• Presiona Ctrl + Alt + L (Windows) o ⌘ + Option + L (Mac)

Para desbloquear el elemento, simplemente repite el mismo atajo.

Cuando un elemento está bloqueado:

• Aparece un borde rojo alrededor del elemento

• Se muestra un icono de candado en la esquina superior derecha del marco delimitador

Esto ayuda a evitar ediciones o movimientos accidentales mientras diseñas.

Copiar y Pegar Entre Lienzos de Diseño

Puedes copiar fácilmente elementos entre lienzos de diseño en el Editor mejorado:

1. Selecciona el elemento en el lienzo de diseño.

2. Presiona ⌘ + C (Mac) o Ctrl + C (Windows) para copiar el elemento.

3. Navega a otro lienzo de diseño.

4. Presiona ⌘ + V (Mac) o Ctrl + V (Windows) para pegar el elemento en el nuevo lienzo.

Esto te permite reutilizar contenido rápidamente sin tener que recrearlo desde cero.

Acceder a la Barra de Herramientas Contextual para un Widget Seleccionado

Algunos elementos en el lienzo de diseño, como cuadros de texto o gráficos estadísticos, tienen barras de herramientas contextuales. Cuando se seleccionan, estos elementos muestran opciones adicionales (por ejemplo, color, tamaño y estilo) en la barra de herramientas superior.

Para abrir la barra de herramientas contextual:

• En Mac: Presiona ⌘ + ⌥ + T (Command + Option + T)

• En Windows: Presiona Ctrl + Alt + T

En el ejemplo animado (GIF), el usuario selecciona un gráfico estadístico en el lienzo de diseño y presiona ⌘ + ⌥ + T. El gráfico es un semidónut rosa con el valor "50%", y aparece la barra de herramientas contextual, permitiendo la personalización del gráfico.

 

Uso de la Barra de Herramientas Superior y el Panel de Configuración para Gráficos Estadísticos

Cuando se selecciona un gráfico estadístico, la barra de herramientas superior se actualiza para mostrar las herramientas contextuales relevantes, que incluyen:

• Campo de valor

• Selector de color de fuente

• Menú desplegable de tipo de letra

• Opciones de estilo de fuente (Negrita, Cursiva, Subrayado)

Para editar el gráfico estadístico:

1. Presiona la tecla Tab para navegar por cada herramienta.

2. Cambia el valor del gráfico de “50%” a “82%”.

3. Actualiza el color de la fuente de rosa a verde usando el selector de color.

Para una personalización más avanzada:

• Utiliza el comando contextual para abrir el panel de configuración completo.

• En el panel de configuración, puedes modificar los colores del gráfico, las opciones de visualización y más.

 

Enlaces de Saltar (Skip Links)

Cuando ingresas por primera vez al Editor mejorado, puedes usar enlaces de salto para navegar rápidamente:

1. Presiona Tab para activar el comando "Saltar navegación".

2. Cuando aparezcan las opciones:

   • Presiona Enter en "Saltar navegación" para mover el enfoque a la barra lateral izquierda.

   • Presiona Enter en "Saltar al contenido principal" para mover el enfoque al lienzo de diseño.

Curious about upgrading? Compare our plan features side by side.