Animalia DS
système de design complet pour des composants UI et des directives cohérents dans les applications Animali.
Aperçu du Produit
Animalia DS (doc.animaliads.io) est la documentation officielle du système de design d'Animalia, fournissant un cadre unifié pour créer des interfaces utilisateur cohérentes et accessibles dans tous les produits et applications Animali. Il comprend des directives détaillées, des bibliothèques de composants et des meilleures pratiques pour garantir l'évolutivité et la collaboration entre développeurs et designers.
Idéal pour
Idéal pour les designers et les développeurs qui construisent des UIs accessibles et cohérentes dans tous les produits Animali.
Fonctionnalités Clés
- Bibliothèque de composants : Éléments UI réutilisables comme boutons, formulaires, navigation et cartes avec variantes.
- Directives de style : Spécifications pour les couleurs, la typographie, l'espacement, les icônes et le mouvement.
- Accessibilité : Composants conformes ARIA et principes de conception inclusive.
- Intégration : Fichiers Figma et extraits de code pour un prototypage rapide.
Avantages
- +Bibliothèque d'icônes étendue
- +Génération de palettes de couleurs
- +Vérification du contraste d'accessibilité
- +Capacités d'animation fluides
Inconvénients
- -L'adoption nécessite un alignement d'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser
Animate UI
Animate UI est une bibliothèque de composants React gratuite et open-source avec des animations Tailwind et Framer Motion, inspirée de shadcn/ui, pour améliorer les interfaces web sans effort.
shadcn/ui
shadcn/ui est une collection unique de composants React composables copiables-collables.
AWS Amplify
Composants Figma pour construire des applications alimentées par Amplify avec un langage de conception AWS cohérent.
Airtable UI Kit
Composants Figma pour concevoir des applications intégrées à Airtable avec des modèles d'interface utilisateur cohérents.
Base Gallery
Fichier communautaire Figma présentant une collection de composants UI pour l'inspiration de conception et le prototypage.
Atlassian Design System
directives complètes et composants Figma pour des interfaces produit cohérentes et accessibles.
Carbon Design System
Framework UI open-source d’IBM pour produits d’entreprise cohérents et accessibles.
Cloudscape Design System
Framework UI open-source AWS apps cloud entreprise
Wix Design System
bibliothèque Figma complète de composants UI et de directives pour des conceptions d'applications Wix cohérentes.
Backstage Design System
Kit Figma pour les portails développeurs Backstage avec composants UI et directives.