# Modo diseñador en Genially

> ¿Conoces el Modo Diseñador de Genially Es una de las características más potentes de Genially te ayuda a crear contenidos alucinantes en menos tiempo y con me

Source: https://help.genially.com/es/modo-disenador-en-genially-HkxvowBho

Last updated: 2025-10-21T17:04:41.747Z

El modo diseñador de Genially es una herramienta que te permite diseñar con mayor precisión y tener más control sobre los elementos de tu creación. Puedes usarlo para: 

1.  Redimensionar elementos
2.  Posicionar elementos
3.  Rotar elementos
4.  Editar capas

  

## Cómo activar el modo diseñador

Para activarlo, solo tienes que: 

1.  Hacer clic en el menú principal **☰** situado en la esquina superior izquierda del editor.
2.  Pulsa **Mostrar - Modo diseñador**

¿Quieres activarlo aún más rápido? Usa el atajo de teclado **CTRL/CMD + M.**

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/98aefc1e7aefe0b5bd0d42db28935b17.gif)

  

## Cambia el tamaño de los elementos

Con solo hacer clic sobre cada imagen, icono, widget, pregunta o cualquier otro elemento, puedes conocer su dimensión. Desde la pestaña Elemento, decide si quieres mantenerla o ajustarla. 

Puedes cambiar el tamaño **manteniendo las proporciones** del elemento o puedes asignar los valores de ancho y alto que quieras. Si decides mantener las proporciones, el ancho y alto cambiarán conjuntamente al editar uno de ellos. 

Cuando termines, pulsa **Aplicar cambios.****![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/9a09b6d11ed8c83352c935feeda8c8e3.gif)**  

## Posiciona los elementos en el lienzo

Ubica los elementos de tu diseño con exactitud, sin necesidad de hacer proezas con el ratón tratando de arrastrarlos a su posición exacta. 

En la pestaña Elemento, verás dos valores: la **posición horizontal (X)** y la **posición vertical (Y)**. Introduce los valores que necesites o usa las flechas para aumentar o disminuir los valores existentes. Ten en cuenta que: 

*   El valor 0,0 corresponde a la esquina superior izquierda del lienzo. 
*   El valor más alto corresponde a la esquina inferior derecha del lienzo y coincide con la dimensión del lienzo. Por ejemplo, si tu lienzo mide 1200x675, el valor más alto será 1200, 675. 
*   Si introduces valores negativos o superiores a la dimensión del lienzo, el elemento se ubicará fuera del mismo. 
*   La posición del elemento no cambiará hasta que pulses **Aplicar cambios.**

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/2154156bcaa08740ce01c8ebc448e0c1.gif)

  

## Rota cualquier elemento

Usa la herramienta de rotación cuando quieras establecer con exactitud el ángulo de tus elementos, sobre todo si quieres que varios de ellos tengan el mismo **grado de inclinación.**

Al hacer clic sobre cada elemento, puedes conocer su grado de inclinación. Introduce el valor que quieras, de 0° a 180° grados, o usa las flechas para aumentar o disminuir el ángulo.

*   Si los valores son **positivos,** la rotación se produce en el **sentido de las agujas del reloj.**
*   Si los valores son **negativos**, la rotación se produce de **forma inversa a las agujas del reloj.**

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/b09fdb4353943adf48728f5843cfea49.gif)

  

## Editar capas

A medida que añades elementos a tu lienzo, se crean nuevas capas. Esto quiere decir que existirán tantas capas como elementos haya en tu lienzo. Los elementos nuevos se ubican en primer plano. Sigue estos trucos para editar de la mejor forma:

1.  **Renombra cada capa.** Por defecto, el nombre de la capa corresponde al formato o tipo de elemento. Darle un nombre reconocible te ayuda a observar las interacciones que recibe desde la sección Actividad. 
2.  **Ordena las capas.** Decide qué elemento se ubica sobre otro. Con un simple clic, puedes invertir el orden de todas las capas. Ten en cuenta que: 
    1.  Puedes cambiar incluso el orden de capas de elementos que están agrupados. 
    2.  Para facilitar la navegación de personas con lectores de pantalla, debes revisar y decidir el **orden de lectura**. Lo puedes abrir desde el modo diseñador, o puedes pulsar el menú principal **☰** situado en la esquina superior izquierda > Accesibilidad. 
3.  **Oculta capas superiores para editar las inferiores.** Sitúa el ratón sobre cada capa y pulsa sobre el icono del ojo cuando necesites ocultar un elemento. Esto es muy recomendable cuando tienes elementos **superpuestos** y necesites esconder aquellos que no vas a editar. 
4.  **Bloquea o desbloquea capas.** Bloquear elementos es muy útil si necesitas editar sin miedo a alterar otro elemento. Sitúa el ratón sobre cada capa y pulsa sobre el icono del candado cuando necesites bloquear o desbloquear. Si usas una plantilla, es probable que ya existan elementos bloqueados. ¡De esta forma podrás detectarlos al instante!

![](https://cdn.prod2.kustomerhostedcontent.com/media/63302dcd394e719f98c84c4c/f4533d940a3567ba4af79ed576606d3b.gif)