Kits UI pour Figma et en code

Des sections et des composants prêts à intégrer, en HTML, Astro et Tailwind CSS, avec leur fichier pour Figma quand il existe.

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Kit UI

Gratuit avec un compte

Kit UI

Paiement sur le site

Kit UI

Paiement sur le site

Ce que contiennent ces kits

Un kit UI rassemble des sections et des composants dessinés, que vous assemblez au lieu de partir d'une page blanche. Ceux-ci vont de la maquette au site : le kit Bento livre des sections en grille en HTML, Tailwind CSS v4 et Astro, en clair et en sombre, avec un fichier pour Figma sur les mêmes tokens. Les sections pour site de restaurant couvrent la carte filtrable par allergène, la fiche plat, les horaires et une réservation accessible. Le kit accessibilité RGAA réunit des tampons d'annotation, des composants dans leurs états et une grille d'audit de 47 critères. Le starter de design tokens au format DTCG, gratuit avec un compte, pose la base en variables CSS et en thème Tailwind. S'y ajoutent des kits pour boutiques en ligne (Shopify, WooCommerce, PrestaShop, Shopware, Magento et Adobe Commerce), une interface d'assistant IA, deux kits d'interface de jeu, des palettes de tokens et des sections néo-brutalistes, en verre dépoli ou pour cabinet de santé. Les kits payants se règlent une fois, sous licence commerciale, et restent dans votre compte. Prospero, un kit e-commerce pour Webflow, s'ouvre depuis Figma Community.

À lire sur le blog

UI Kit vs. Design System : Comprendre les Différences Cruciales
Comprenez les différences essentielles entre UI Kit et Design System. Guide complet avec exemples, cas d'usage et recommandations pour votre projet.
Design tokens : ce que change vraiment le nouveau standard W3C DTCG
La spec W3C Design Tokens Format Module (DTCG) est stable depuis fin 2025, soutenue par 24+ organisations. Ce qui change vraiment pour vos design systems.
Bento Design : La Tendance UI Incontournable en 2026 (Guide & Exemples)
Bento UI : la mise en page en grille inspirée de la boîte-repas japonaise, popularisée par Apple. Principes, origines et bonnes pratiques 2026, avec exemples.