Componente de barra de navegación de app para Figma: 6 variantes

Patrones de barra de navegación de app en Figma

Usa patrones de barra de navegación de app para organizar navegación principal y acciones frecuentes de una aplicación. Deja claro el estado y la siguiente acción para que el componente se entienda de un vistazo. Alinea las etiquetas y la jerarquía visual con la pantalla que lo contiene.

Variantes y estados de barra de navegación de app

Prioriza los destinos frecuentes y las acciones de cuenta, indica la sección activa y adapta la navegación a móvil. Mantén breves las etiquetas y usa el espaciado o los iconos para reforzar el mensaje sin depender solo del color.

Diseña barra de navegación de app para interfaces de producto

En Figma, compara las variantes del componente dentro de una pantalla real del producto. Revisa el espaciado, el contraste y las etiquetas en los estados relevantes y adapta el patrón al sistema de diseño del equipo. Documenta la variante y los estados elegidos para mantener la coherencia entre pantallas.