Componente de tabla para Figma: 960 variantes

Tabla UI - Celdas y Estructura

Usa patrones de tabla para organizar vistas con muchos datos, comparaciones y listados operativos. 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.

Celdas de Tabla

Facilita recorrer columnas y filas, diferencia ordenación y selección y añade paginación cuando el volumen de datos lo requiera. Mantén breves las etiquetas y usa el espaciado o los iconos para reforzar el mensaje sin depender solo del color.

Estructura Semántica

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.

Modos de Visualización

Se admiten variantes como: Tabla compacta, Tabla con zebra striping, Tabla con scroll horizontal, Tabla responsiva en bloques para móvil.

Integración y Estilo

Cada parte de la tabla está disponible como componente reutilizable en Figma y con clases utilitarias de Tailwind. Puedes combinar celdas con tags, botones, badges o chips para enriquecer la interacción sin sacrificar estructura.