DentaFlow: kit de interfaz para clínicas dentales en Figma

DentaFlow es un kit de interfaz completo en Figma para software de clínicas dentales. Incluye un panel de administración, una app móvil para pacientes y un sitio web de marketing para la clínica, todo construido sobre un único sistema de diseño. Si diseñas para dentistas, ortodoncistas o clínicas con varios sillones, este kit te ofrece pantallas listas para producción para que no tengas que empezar desde un lienzo en blanco.

Qué lo hace diferente
La mayoría de los kits de interfaz para el sector salud están pensados para apps médicas genéricas. DentaFlow está creado específicamente para los flujos de trabajo dentales. En su núcleo hay un odontograma (Tooth Chart) totalmente editable que usa la numeración FDI, con gráficos para adultos y niños. Cada diente tiene 5 superficies que puedes rellenar por separado y 10 estados, entre ellos caries, obturado, corona, endodoncia, implante, ausente y puente.

Qué incluye

• Panel de administración de la clínica (1440 px): resumen del panel, calendario de citas por sillón y dentista, lista de pacientes, ficha del paciente con odontograma, planes de tratamiento, radiografías y documentos, facturación y facturas, personal, inventario, informes y ajustes

• App móvil para pacientes (390 px): introducción, inicio de sesión, inicio, un flujo de reserva de citas en 4 pasos, progreso del tratamiento, seguimiento de alineadores y brackets, recordatorios, pagos, chat, perfiles familiares y notificaciones

• Sitio web de la clínica (escritorio + móvil): página de inicio con galería de sonrisas antes/después, servicios, perfiles de los doctores, reserva online y contacto

• Componentes dentales: diente, odontograma, elemento de plan de tratamiento, bloque de horario por sillón, tarjeta de radiografía y fila de gráfico periodontal

• Componentes básicos: botones, campos de entrada, selectores de fecha y hora, tablas, tarjetas, insignias, modales, paneles laterales, navegación, avisos, estados vacíos y más

Características principales

• Construido por completo con Figma Variables: colores, espaciado y radios, sin valores fijos en el código

• Modos claro y oscuro, que se cambian con un clic

• Auto layout en todo el kit, con nombres de capas limpios y componentes con nombres separados por barras

• Componentes con variantes y propiedades (booleanas, de texto y de intercambio de instancias)

• Contraste de color WCAG 2.1 AA y áreas táctiles móviles de 44 px

• Pantallas RTL en árabe para proyectos de clínicas del Golfo y Oriente Medio

• Datos de ejemplo realistas de una clínica ficticia, listos para presentaciones a clientes

• Usa fuentes gratuitas de Google: Inter e IBM Plex Sans Arabic

Ideal para

• Software de gestión de clínicas dentales (SaaS)

• Apps de reserva de citas para cadenas dentales

• Apps de tratamientos de ortodoncia y alineadores

• Sitios web de dentistas y clínicas

• Propuestas a clientes, MVP y prototipos

• Portafolios de diseño para el sector salud

Cómo funciona

1. Descarga el archivo y ábrelo en Figma. Sirve una cuenta gratuita de Figma.

2. Empieza por la página Read Me, que explica cómo funcionan las variables, los modos y los componentes.

3. Cambia los colores de marca en las variables y todo el kit se actualiza.

4. Crea tus propias pantallas con los componentes ya preparados, o edita las incluidas.

Detalles del archivo

• Formato: Figma (.fig)

• 1 archivo de Figma, organizado en páginas: Foundations, Components, Dental Components, Dashboard, Mobile App, Website y RTL

• Fuentes: Inter e IBM Plex Sans Arabic (gratuitas, de Google Fonts)

• Las imágenes de las vistas previas son marcadores de posición y no se incluyen