Organizar tu lienzo con secciones

Antes de empezar

Quién puede usar esta función

Disponible en cualquier equipo o plan

Cualquiera con acceso puede editar a un archivo puede crear secciones

Organiza tu lienzo con secciones etiquetadas para agrupar ideas relacionadas y guiar a los colaboradores a través de tu archivo.

Las secciones te permiten hacer lo siguiente:

• Designar áreas del lienzo para colaboración o ideación
• Organizar archivos para una navegación más sencilla
• Vincular a un conjunto de diseños
• Marcar el contenido como "ready for development" para facilitar la entrega al desarrollador

Las secciones en Figma Design son un elemento de nivel superior en el lienzo predeterminado. Las secciones pueden contener todos los tipos de capas, incluidas otras secciones, pero no pueden estar contenidas dentro de marcos o grupos.

Crear 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 ⇧ Shift S.
2. Haz clic y arrastra la ubicación del lienzo donde deseas que vaya la sección.

También puedes hacer clic y arrastrar una sección sobre los objetos que quieras agregarle.

Selección

1. Haz clic y arrastra los objetos en el lienzo que quieras agregar a una sección.
2. Haz clic derecho en la selección y selecciona Incluir en una nueva sección del menú.

Agregar objetos a la sección

Hay algunas formas de agregar objetos a una sección:

• Mover una sección sobre un objeto
• Cambiar el tamaño de una sección sobre un objeto.
• Seleccionar y mover un objeto a una sección con las flechas del mouse o del teclado

Editar una sección

Título

1. Haz doble clic en el título de la sección en el lienzo o en el panel de capas.
2. Edita el título.
3. Presiona Retorno o Entrar.

Relleno y trazo

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

Aprende cómo agregar rellenos →

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

Compartir una sección

Puedes dirigir a los colaboradores a una sección específica en tu lienzo copiando el enlace a esa sección.

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

Marcar una sección como Ready for Development

Una vez que el contenido dentro de una sección esté finalizado, puedes marcar la sección como ready for development. Esto ayuda a los desarrolladores que usan el dev mode al señalarles la sección.

Para marcar una sección como Ready For Development:

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

Actualiza el dev status

Después de marcar una sección como ready for dev, si realizas cambios en el diseño, Figma cambia automáticamente el dev status a Cambiado. El estado Cambiado ayuda a los desarrolladores a seguir el progreso de los diseños que iteran después de ser marcados como ready for development.

Para resolver el estado cambiado de una sección, haz clic en el indicador de estado Cambiado y escribe una razón para el 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 desarrollador →

Eliminar una sección

Para eliminar una sección y su contenido:

1. Selecciona la sección.
2. Presiona Eliminar/Retroceso.

Para eliminar una sección sin borrar su contenido:

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

Prototipo con secciones

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

Cuando creas una conexión a una sección, Figma recuerda el último marco visitado de esa sección y regresa automáticamente a él.

Aprende más sobre prototipado con secciones →