Bibliothèques de composants et systèmes de design
Utilisez les bibliothèques Figma et React intégrées, ou apportez vos propres composants dans un projet.
Dernière mise à jour :
Bibliothèques intégrées
UXMagic fournit deux bibliothèques parcourables dans lesquelles puiser pendant la conception :
- Bibliothèque de composants Figma — des composants prêts à déposer dans un fichier Figma.
- Bibliothèque de composants React — des composants de code suivant les mêmes motifs.
Les deux sont organisées par catégorie, et chaque composant a des variantes.
Apporter votre propre système de design
Importez vos composants Figma ou votre système de design dans un projet pour que les écrans générés utilisent vos composants plutôt que des génériques. Voir Importer depuis Figma.
Une fois importés, mentionnez-les par leur nom :
Utilise nos composants Button et Card pour les niveaux de tarifs.
Garder les écrans générés dans le système
Deux choses font l'essentiel du travail :
- Un thème qui correspond à votre marque, pour que couleurs et typographie soient justes par défaut. Voir Thèmes et chartes graphiques.
- Des instructions explicites quand l'IA se met à improviser : « Utilise uniquement des composants de notre bibliothèque importée. »
En Enterprise
Les offres Enterprise incluent un système de design et une bibliothèque de composants partagés à l'échelle de l'équipe, pour que les écrans générés par chacun partent des mêmes composants.
Cet article vous a-t-il été utile ?
Articles liés
Importer depuis Figma
Amenez un frame Figma existant dans UXMagic et continuez à le modifier avec l'IA.
Thèmes et chartes graphiques
Comment fonctionne le thème du projet, comment le changer sans risque, et pourquoi les couleurs ne doivent jamais être modifiées écran par écran.
Exporter le code (HTML, React, Tailwind)
Exportez un écran seul ou un projet entier en code front-end prêt pour la production.