En este artículo:
Al agrupar iconos, puedes acelerar y simplificar tu flujo de trabajo. Al igual que otros objetos, los iconos agrupados pueden moverse, ajustarse, estilizarse y duplicarse como una sola unidad.
A medida que añades y agrupas nuevos elementos, tu página se convertirá en un intrincado mosaico de iconos, stencils e imágenes. Para refinar y editar tu diseño de forma efectiva, necesitarás identificar y localizar tanto objetos individuales como objetos anidados en grupos más grandes.
Puedes hacerlo de forma rápida y sencilla directamente en la página. Pero probablemente también querrás usar el Panel de Esquema.
El Panel de Esquema te ayuda a gestionar tu página y optimizar tu flujo de trabajo, manteniendo todos tus objetos organizados dentro de una lista única y con capacidad de búsqueda.
En este artículo, aprenderás cómo agrupar, bloquear, ordenar y alinear iconos en la página. También te mostraremos cómo navegar y usar el Panel de Esquema para renombrar, buscar, reorganizar, alternar la visibilidad y eliminar iconos y otros objetos.
Agrupar y desagrupar iconos
Cuando los objetos están agrupados, pueden moverse, ajustarse, estilizarse y duplicarse como una sola unidad. La agrupación funciona para todos los objetos: iconos, plantillas, imágenes y stencils.
Para agrupar o desagrupar iconos, usa el botón Agrupar ubicado en la Barra de Herramientas Contextual.
Para agrupar iconos:
-
Selecciona iconos:
-
Arrastra el ratón sobre varios iconos
o
-
Usa
Ctrl/Cmdpara seleccionar iconos uno a la vez
-
-
Agrupa los iconos:
-
Navega a la Barra de Herramientas Superior y haz clic en el botón Agrupar
o
-
Haz clic derecho en uno de los iconos y elige Agrupar Selección
-
![]()
Para desagrupar iconos:
-
Selecciona el grupo de iconos que deseas desagrupar
-
Navega a la Barra de Herramientas Contextual y haz clic en el botón Desagrupar
o
Haz clic derecho en uno de los iconos y elige Desagrupar Selección
![]()
También puedes crear y anidar grupos dentro de grupos.
Para deshacer el anidamiento de grupos, el atajo Ctrl/Cmd + Shift + Alt/Opción + G desempaqueta y aplana un grupo para crear un grupo de una sola capa.
Editar grupos de iconos
Una vez que los objetos están agrupados, puedes moverlos, formatearlos y estilizarlos como un solo elemento. Pero puede que aún quieras editar un elemento individual por separado de su grupo.
Para acceder a un solo objeto dentro de un grupo, haz doble clic en ese objeto. Ahora, puedes formatear, estilizar o eliminar ese elemento individual.
![]()
Entrar en el Grupo al Hacer Clic
Para seleccionar rápidamente un objeto anidado en cualquier lugar dentro de un grupo, mantén presionado Cmd/Ctrl y haz clic en ese objeto.

Si quieres habilitar el acceso a los elementos dentro de un grupo en particular, también puedes usar la opción Entrar en el grupo al hacer clic.
Cuando haces clic en un grupo, verás la casilla Entrar en el grupo al hacer clic en el Panel de Formato, justo debajo de las coordenadas del grupo. Habilitar esta opción te permitirá seleccionar cualquier elemento del grupo con un solo clic.

Para hacer que la opción Entrar en el grupo al hacer clic vuelva a ser visible, o para desactivarla:
Haz clic en cualquier elemento dentro del borde azul del grupo y pulsa Esc
o
Selecciona el grupo dentro del Panel de Esquema

Bloquear y desbloquear iconos
Una vez que un objeto está bloqueado, queda fijo en su lugar – y ya no puede moverse ni estilizarse. Esto te permite continuar editando el resto de objetos en la página sin disturbar las partes completadas de tu diseño.
Para trabajar con un objeto bloqueado, primero debes hacer clic en él intencionalmente. Para evitar la selección accidental de objetos bloqueados, estos no responden a la selección mediante arrastre del ratón.
Para bloquear un icono:
- Selecciona el icono y luego usa el Menú Contextual del clic derecho para elegir la opción Bloquear Selección, o usa el Atajo de Teclado:
Ctrl/Cmd+L(este atajo funciona tanto para Bloquear como para Desbloquear)
o
- En la parte superior del Panel de Formato, haz clic en el botón Bloquear a la derecha del Nombre del Objeto; como no puedes cambiar el tamaño ni la posición de un objeto bloqueado, todas las opciones de formato del objeto no estarán disponibles hasta que el objeto se desbloquee.
o
- En el Panel de Esquema, haz clic en el botón Bloquear a la derecha del nombre del icono; el botón se oscurecerá cuando esté bloqueado.
Cuando esté bloqueado, el icono mostrará un borde rojo al pasar el cursor y, una vez seleccionado el icono, aparecerá un botón de bloqueo en la esquina superior izquierda del borde rojo. Ese botón puede usarse para desbloquear el icono.
![]()
Para desbloquear un icono:
- Selecciona el icono y haz clic en el botón Bloquear rojo en la esquina superior izquierda del borde rojo
o
- Selecciona el icono y luego usa el Menú Contextual del clic derecho para elegir la opción Desbloquear Selección, o usa el Atajo de Teclado:
Ctrl/Cmd+L(este atajo funciona tanto para Bloquear como para Desbloquear)
o
- En el Panel de Esquema, haz clic en el botón Bloquear a la derecha del nombre del icono; el botón aparecerá en gris cuando esté desbloqueado.
![]()
Para bloquear o desbloquear una selección de iconos:
- Selecciona los iconos y luego usa el Menú Contextual del clic derecho para elegir la opción Desbloquear Selección, o usa el Atajo de Teclado:
Ctrl/Cmd+L(este atajo funciona tanto para Bloquear como para Desbloquear)
Para desbloquear todos los objetos cuando hay una mezcla de objetos bloqueados y desbloqueados en la página:
- Usa
Ctrl/Cmd+Apara seleccionar todos los objetos desbloqueados en la página - Usa
Ctrl/Cmd+Lpara bloquear todos los objetos - Usa
Ctrl/Cmd+Luna vez más para desbloquear todos los objetos
Ordenar y alinear iconos
El Menú Desplegable Organizar en la Barra de Herramientas Superior te permite superponer, alinear y distribuir objetos para crear un diseño limpio y equilibrado.
Ordenar Objetos
La función Organizar te permite apilar objetos y luego moverlos hacia adelante y hacia atrás entre las capas.
Para ordenar un objeto:
- Selecciona el objeto que deseas ordenar
- Accede a la función Organizar:
-
Navega a la Barra de Herramientas Superior y haz clic en el botón Organizar para abrir el menú desplegable
o
-
Haz clic derecho en el objeto para abrir el Menú Contextual y pasa el cursor sobre la opción Organizar para abrir el menú desplegable
-
Elige una acción de capas: Traer al Frente, Traer hacia Adelante, Enviar hacia Atrás, Enviar al Fondo
![]()
Alinear Objetos
La función de Alineación organiza los objetos a lo largo de un eje vertical u horizontal común, y los distribuye igualmente dentro de su espacio compartido.
La Barra de Herramientas Contextual es la forma más rápida de alinear varios objetos. Cuando seleccionas más de un objeto, la barra de herramientas aparece automáticamente justo encima de esa selección. Junto con la alineación, la barra de herramientas también permite agrupar y desagrupar rápidamente los objetos seleccionados.
También puedes establecer un objeto de referencia – lo que significa que cualquier grupo seleccionado de objetos se alineará en relación a ese objeto.
Para establecer un objeto de referencia, selecciona varios objetos y luego haz clic en uno de ellos; aparecerá inmediatamente un borde azul grueso alrededor de ese objeto. Todos los objetos se alinearán ahora en relación a ese objeto de referencia designado. Para deseleccionar el objeto de referencia, simplemente haz clic fuera de tu selección.
![]()
Hay otras tres formas de acceder a las opciones de Alineación:
- Navega a la Barra de Herramientas Superior y haz clic en el botón Organizar para abrir el menú desplegable
o
- Haz clic derecho en un objeto para abrir el Menú Contextual, y pasa el cursor sobre la opción Alinear para abrir el menú desplegable
o
- Navega a la Barra Lateral Derecha y abre el Panel de Formato. En la parte superior, encontrarás los botones de Alineación y Distribución Rápida
![]()
Cuando se selecciona un único objeto (u objetos 'Agrupados'), los controles de alineación alinearán el objeto en relación con los límites de la página. Ten en cuenta que esta función no está disponible cuando se usa la Barra de Herramientas Contextual.
![]()
Usar el Panel de Esquema
El Panel de Esquema mantiene todos tus objetos organizados dentro de una lista única y con capacidad de búsqueda.
Explora los objetos y sus jerarquías en el Árbol de Esquema, o usa el campo de búsqueda para localizar rápidamente un objeto específico. Los iconos de Esquema delante de los nombres de objetos facilitan distinguir entre tipos de stencils.
Usa el Árbol de Esquema para renombrar, buscar, reorganizar, alternar la visibilidad y eliminar objetos.
Para abrir el Panel de Esquema:
- Navega a la Barra Lateral Izquierda
- Haz clic en la Pestaña de Esquema. La pestaña se volverá azul y abrirá el Panel de Esquema
Para seleccionar un objeto en el Panel de Esquema:
Haz clic en su nombre. Si seleccionas un Grupo, haz clic en el icono de Flecha Izquierda para ver rápidamente el contenido y la jerarquía del Grupo.
![]()
Puedes bloquear y desbloquear objetos directamente desde el Panel de Esquema haciendo clic en el botón de bloqueo a la derecha del nombre del objeto. Obtén más información sobre el bloqueo de objetos aquí.
Para renombrar un objeto o grupo de objetos en el Panel de Esquema:
- El Panel de Esquema lista todos los objetos de la página: Iconos, Plantillas, Imágenes y Stencils
- Pasa el cursor sobre un elemento en el Árbol de Esquema y, en la página, un borde azul resaltará simultáneamente el objeto correspondiente
- Una vez que hayas localizado el objeto, haz doble clic en su nombre para cambiarlo
![]()
Para buscar un objeto en el Panel de Esquema:
- Selecciona el Campo de Búsqueda en la parte superior del Panel de Esquema
- Escribe el nombre del elemento que deseas encontrar
![]()
Para reordenar un objeto o grupo de objetos en el Panel de Esquema:
- Selecciona el objeto que deseas mover
- Arrastra y suelta ese objeto hacia arriba y hacia abajo en el Árbol de Esquema
- Ten en cuenta que mover un objeto más arriba o más abajo dentro de una jerarquía de grupo, o hacia arriba y hacia abajo en el Árbol de Esquema, también afectará su ordenación de capas en la página
![]()
Para eliminar un objeto o grupo de objetos del Panel de Esquema:
- Selecciona el objeto que deseas eliminar
- Usa la tecla Eliminar para borrar ese objeto
Para ocultar un objeto, simplemente alterna su visibilidad haciendo clic en el icono Ojo de Visibilidad a la derecha del nombre del objeto en el Árbol de Esquema.
![]()
Cambiar la visibilidad de un objeto es esencial cuando se añaden Interacciones. A menudo querrás que la interacción comience con el objeto en un estado invisible. Para obtener más información sobre Interacciones y prototipado, ve aquí.