> ## Documentation Index
> Fetch the complete documentation index at: https://twenty-c--pull-3-cli.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Diseño

> Cómo navegar, explorar y visualizar registros en Twenty.

export const VimeoEmbed = ({videoId, title = 'Video'}) => <div style={{
  padding: '69.01% 0 0 0',
  position: 'relative',
  margin: '32px 0px',
  borderRadius: '16px',
  overflow: 'hidden',
  border: '2px solid black'
}}>
    <iframe src={`https://player.vimeo.com/video/${videoId}?autoplay=1&loop=1&autopause=0&background=1&app_id=58479`} frameBorder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style={{
  position: 'absolute',
  top: 0,
  left: 0,
  width: '100%',
  height: '100%',
  transform: 'scale(1.1)'
}} title={title} />
  </div>;

## El diseño principal

El centro de la pantalla es donde viven tus registros: personas, empresas, oportunidades, tareas, notas, paneles de control, flujos de trabajo y cualquier objeto personalizado. Aquí puedes ver, editar y eliminar registros, y crear nuevas vistas.

<img src="https://mintcdn.com/twenty-c--pull-3-cli/pTPb8ite4vuL8orW/images/user-guide/home/main-layout.png?fit=max&auto=format&n=pTPb8ite4vuL8orW&q=85&s=bc55dc01c1037bda208fe95244b85a51" style={{width:'100%'}} width="1920" height="972" data-path="images/user-guide/home/main-layout.png" />

## Barra de navegación

La barra lateral izquierda te ofrece:

* **Selector de espacios de trabajo** — cambia entre espacios de trabajo o crea uno nuevo (desplegable superior)
* **Búsqueda** — presiona `/` para enfocarla al instante; busca en todos los objetos
* **Ajustes** — accede desde la parte superior izquierda
* **Favoritos** — vistas fijadas, únicas por usuario
* **Accesos directos a objetos** — acceso rápido a Personas, Empresas, Oportunidades, etc.
* **Flujos de trabajo** — crea automatizaciones

Arrastra elementos para reordenarlos, crea carpetas para agrupar objetos relacionados y oculta lo que no uses.

<img src="https://mintcdn.com/twenty-c--pull-3-cli/pTPb8ite4vuL8orW/images/user-guide/home/navigation-bar.png?fit=max&auto=format&n=pTPb8ite4vuL8orW&q=85&s=c2ba094e6eddcadee32bafe6c0e17505" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/navigation-bar.png" />

## Menú de Comandos

Pulsa `Cmd+K` (Mac) o `Ctrl+K` (Windows), o haz clic en los tres puntos de la esquina superior derecha. Desde aquí puedes:

* Crea nuevos registros
* Importa y exporta datos en formato CSV
* Crea nuevas vistas
* Accede a los registros eliminados (Twenty admite eliminaciones lógicas y definitivas)
* Consulta los atajos de teclado para navegar por tu espacio de trabajo

<img src="https://mintcdn.com/twenty-c--pull-3-cli/pTPb8ite4vuL8orW/images/user-guide/home/command-menu.png?fit=max&auto=format&n=pTPb8ite4vuL8orW&q=85&s=ef088580503d8b9817fa0cf90bc55e2c" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/command-menu.png" />

## Buscar

Accesible mediante el Menú de Comandos, en la parte superior de la barra de navegación o presionando `/`. La búsqueda funciona en todos los objetos.

<img src="https://mintcdn.com/twenty-c--pull-3-cli/pTPb8ite4vuL8orW/images/user-guide/home/search-bar.png?fit=max&auto=format&n=pTPb8ite4vuL8orW&q=85&s=f44a89a55e1e26332093cc946501aa15" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/search-bar.png" />

## Panel lateral

Haz clic en un registro para abrir el panel lateral a la derecha: una vista rápida de la información clave del registro sin salir de la página actual. Haz clic en **Abrir** para ir a la página completa del registro.

<img src="https://mintcdn.com/twenty-c--pull-3-cli/pTPb8ite4vuL8orW/images/user-guide/home/side-panel.png?fit=max&auto=format&n=pTPb8ite4vuL8orW&q=85&s=4eff739f5b3b1d3c2e354ec157a8dcfc" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/side-panel.png" />

## Vistas

Cada objeto admite varias vistas, sin límite por objeto. Usa el menú desplegable de la parte superior izquierda para cambiar entre ellas.

* **Tabla** — filas y columnas al estilo de una hoja de cálculo, con agrupación, edición en línea y personalización de columnas
* **Kanban** — tarjetas de arrastrar y soltar organizadas por un campo de selección, ideal para pipelines
* **Calendario** — registros colocados según un campo de fecha para la planificación basada en el tiempo

Cada vista guarda sus propios filtros, ordenación y visibilidad de campos. Comparte vistas con tu espacio de trabajo o mantenlas privadas. Marca vistas como favoritas para un acceso rápido desde la barra lateral.

<img src="https://mintcdn.com/twenty-c--pull-3-cli/pTPb8ite4vuL8orW/images/user-guide/home/view-menu.png?fit=max&auto=format&n=pTPb8ite4vuL8orW&q=85&s=f3a5173c5da68490c123d9893c6fd2de" style={{width:'100%'}} width="1914" height="966" data-path="images/user-guide/home/view-menu.png" />

## Páginas de registro

Cuando abres un registro, la página de detalles se compone de **pestañas** y **widgets** configurables. Añade, elimina, reordena y cambia el tamaño de los widgets en una cuadrícula: campos, registros relacionados, correos electrónicos, cronología, tareas, notas, archivos, gráficos, iframes y más. Cada tipo de objeto tiene su propio diseño.

<Card title="Guía completa del diseño" icon="arrow-right" href="/l/es/user-guide/layout/overview">
  Navegación, vistas, páginas de registros: referencia detallada y guías prácticas.
</Card>

<VimeoEmbed videoId="1185511790" title="Diseño" />