DentaFlow : kit UI pour cabinet dentaire sur Figma

DentaFlow est un kit UI Figma complet pour les logiciels de cabinet dentaire. Il comprend un tableau de bord d’administration, une application mobile pour les patients et un site web vitrine pour le cabinet, le tout construit sur un seul design system. Si vous concevez pour des dentistes, des orthodontistes ou des cabinets à plusieurs fauteuils, ce kit vous fournit des écrans prêts pour la production pour ne pas partir d’une page blanche.

Ce qui le distingue
La plupart des kits UI santé sont pensés pour des applications médicales génériques. DentaFlow est conçu spécifiquement pour les workflows dentaires. Au cœur du kit se trouve un schéma dentaire (odontogramme, Tooth Chart) entièrement modifiable qui utilise la numérotation FDI, avec des schémas adulte et enfant. Chaque dent comporte 5 faces que vous pouvez remplir séparément et 10 états, dont carie, obturée, couronne, dévitalisation, implant, absente et bridge.

Contenu du kit

• Tableau de bord d’administration du cabinet (1440 px) : vue d’ensemble, calendrier des rendez-vous par fauteuil et par dentiste, liste des patients, fiche patient avec schéma dentaire, plans de traitement, radiographies et documents, facturation et factures, personnel, stocks, rapports et réglages

• Application mobile patient (390 px) : présentation, connexion, accueil, parcours de prise de rendez-vous en 4 étapes, suivi du traitement, suivi des aligneurs et bagues, rappels, paiements, chat, profils familiaux et notifications

• Site web du cabinet (bureau + mobile) : page d’accueil avec galerie de sourires avant/après, services, profils des praticiens, prise de rendez-vous en ligne et contact

• Composants dentaires : dent, schéma dentaire, élément de plan de traitement, bloc de planning par fauteuil, carte de radiographie et ligne de schéma parodontal

• Composants de base : boutons, champs de saisie, sélecteurs de date et d’heure, tableaux, cartes, badges, modales, tiroirs, navigation, toasts, états vides et bien plus

Fonctionnalités clés

• Entièrement construit avec les Figma Variables : couleurs, espacements et rayons, sans aucune valeur codée en dur

• Modes clair et sombre, activables en un clic

• Auto layout partout, avec des noms de calques propres et des composants nommés avec des barres obliques

• Composants avec variantes et propriétés (booléennes, texte et remplacement d’instance)

• Contraste des couleurs WCAG 2.1 AA et zones tactiles mobiles de 44 px

• Écrans RTL en arabe pour les projets de cabinets dans le Golfe et au Moyen-Orient

• Données d’exemple réalistes pour un cabinet fictif, prêtes pour vos présentations clients

• Utilise des polices Google gratuites : Inter et IBM Plex Sans Arabic

Idéal pour

• Les logiciels de gestion de cabinets dentaires (SaaS)

• Les applications de prise de rendez-vous pour réseaux de cabinets dentaires

• Les applications de traitement orthodontique et d’aligneurs

• Les sites web de dentistes et de cabinets

• Les présentations clients, MVP et prototypes

• Les portfolios de design dans le domaine de la santé

Comment ça marche

1. Téléchargez le fichier et ouvrez-le dans Figma. Un compte Figma gratuit suffit.

2. Commencez par la page Read Me, qui explique le fonctionnement des variables, des modes et des composants.

3. Modifiez les couleurs de marque dans les variables et tout le kit se met à jour.

4. Créez vos propres écrans à partir des composants prêts à l’emploi, ou modifiez ceux qui sont inclus.

Détails du fichier

• Format : Figma (.fig)

• 1 fichier Figma, organisé en pages : Foundations, Components, Dental Components, Dashboard, Mobile App, Website et RTL

• Polices : Inter et IBM Plex Sans Arabic (gratuites, Google Fonts)

• Les images des aperçus sont des espaces réservés et ne sont pas incluses