Organiza tu lienzo en secciones

Antes de empezar

Quién puede utilizar esta función

Está disponible en cualquier equipo o plan

Cualquiera conacceso de edicióna un archivo puede crear secciones

Organiza tu lienzo en secciones etiquetadas para agrupar ideas relacionadas y guiar a los colaboradores por el archivo.

Las secciones te permiten:

• Designar áreas del lienzo para la colaboración o la generación de ideas
• Organizar los archivos para facilitar la navegación
• Enlazar a un conjunto de diseños
• Marcar el contenido como “ready for dev” para facilitar la entrega al desarrollador

Las secciones en Figma Design son un elemento de nivel superior en el lienzo de forma predeterminada. Las secciones pueden contener todo tipo de capas, incluidas otras secciones, pero no pueden estar dentro de marcos ni grupos.

Crea una sección

Hay varias formas de crear una sección:

Barra de herramientas y atajo

1. Haz clic en Sección en la barra de herramientas o usa el atajo de teclado ⇧ Mayús S.
2. Haz clic y arrastra hasta la parte del lienzo donde quieras colocar la sección.

También puedes hacer clic y arrastrar una sección sobre los objetos que quieres añadir.

Selección

1. Haz clic y arrastra los objetos en el lienzo para añadirlos a una sección.
2. Haz clic con el botón derecho sobre la selección y elige Incluir en nueva sección del menú.

Añade objetos a una sección

Hay varias formas de añadir objetos a una sección:

• Mover una sección sobre un objeto
• Redimensionar una sección sobre un objeto
• Seleccionar y mover un objeto a una sección con las flechas del ratón o del teclado

Edita una sección

Título

1. Haga doble clic en el título de la sección en el lienzo o en el panel Capas.
2. Edita el título.
3. Pulsa la tecla de Retorno o Intro.

Relleno y trazo

Cambia el color de fondo y del borde de una sección usando las secciones de Relleno y Trazo en la barra lateral derecha.

Descubre cómo añadir rellenos →

Descubre cómo aplicar y ajustar las propiedades del trazo →

Comparte una sección

Puedes dirigir a tus colaboradores a una sección concreta de tu lienzo copiando el enlace a esa sección.

1. Selecciona la sección que quieras compartir.
2. Haz clic en Compartir en la barra lateral derecha.

Marca una sección como ready for dev

Una vez que el contenido de una sección esté terminado, puedes marcarla como ready for dev. Esto ayuda a los desarrolladores que usan Dev Mode, ya que les señala esa sección.

Para marcar una sección como ready for dev:

1. Selecciona la sección.
2. Haz clic en Marcar como ready for dev.
3. Para desmarcar una sección como ready for dev, haz clic en el menú de tres puntos en la etiqueta ready for dev y selecciona Eliminar estado de ready for dev.

Actualiza el dev status

Una vez que hayas marcado una sección como ready for dev, si realizas cambios en el diseño, Figma cambia automáticamente el dev status a Modificado. El estado Modificado ayuda a los desarrolladores a llevar un seguimiento de los diseños que se modifican tras haber sido marcados como ready for dev.

Para resolver el estado modificado de una sección, haz clic en el indicador de estado Modificado e introduce el motivo del cambio. Después, el dev status vuelve a ready for dev.

Obtén más información sobre cómo gestionar el proceso de entrega al equipo de desarrollo →

Elimina una sección

Para eliminar una sección y su contenido:

1. Selecciona la sección.
2. Pulsa Suprimir/Retroceso.

Para eliminar una sección sin eliminar su contenido:

1. Selecciona la sección.
2. Utiliza el atajo:
   • Mac: ComandoSuprimir
   • Windows: ControlRetroceso

Prototipo con secciones

En los prototipos, las secciones ayudan a conectar los flujos entre las distintas partes de tu diseño.

Cuando creas una conexión con una sección, Figma recuerda el marco que viste por última vez en esa sección y vuelve automáticamente a él.

Obtén más información sobre cómo crear prototipos con secciones →