> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/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/nHykqzejUXmkEL88/images/user-guide/home/main-layout.png?fit=max&auto=format&n=nHykqzejUXmkEL88&q=85&s=6d60a2b584df62b14753d0eab33a9d5f" 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/nHykqzejUXmkEL88/images/user-guide/home/navigation-bar.png?fit=max&auto=format&n=nHykqzejUXmkEL88&q=85&s=208a15f2931a169188c637b2a33f61b5" 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/AQ1W4XyQKmjRfm_f/images/user-guide/home/command-menu.png?fit=max&auto=format&n=AQ1W4XyQKmjRfm_f&q=85&s=ad56fe1a313406686dd257d56a8a2e72" 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/nHykqzejUXmkEL88/images/user-guide/home/search-bar.png?fit=max&auto=format&n=nHykqzejUXmkEL88&q=85&s=c1c304b3e033f2ce2c4bbaa039cb3034" 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/nHykqzejUXmkEL88/images/user-guide/home/side-panel.png?fit=max&auto=format&n=nHykqzejUXmkEL88&q=85&s=7229782097d529707ceeca4f946157c3" 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/nHykqzejUXmkEL88/images/user-guide/home/view-menu.png?fit=max&auto=format&n=nHykqzejUXmkEL88&q=85&s=f8584dbaada17c8e373dbb8060128d8a" 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" />