- Centre d'aide
- Premiers pas
- Qu'est-ce qu'UXMagic ?
Qu'est-ce qu'UXMagic ?
UXMagic transforme un prompt, une capture d'écran, un croquis, une URL ou un fichier Figma en écrans d'interface modifiables et haute fidélité, exportables vers Figma ou le code.
Dernière mise à jour :
Sur cette page
UXMagic est un outil de design UI/UX par IA. Vous décrivez ce que vous voulez — ou vous lui donnez une capture d'écran, un croquis à main levée, l'URL d'un site web ou un fichier Figma existant — et il produit de vrais écrans d'interface modifiables : une mise en page correcte, un système de couleurs et de typographie cohérent, et du balisage exportable vers Figma ou vers du code de production.
Ce qui le distingue d'un chatbot qui écrit du HTML
Trois choses :
- Il conçoit sur un canevas, pas dans une fenêtre de discussion. Les écrans vivent côte à côte sur un canevas infini : un parcours de paiement, ce sont cinq écrans que vous voyez ensemble, pas cinq réponses séparées.
- Il tient un thème. Couleurs, polices, rayons et espacements sont stockés comme design tokens au niveau du projet. Demandez « passe en sombre » et tous les écrans bougent ensemble au lieu qu'un seul dérive.
- Il exporte vers un endroit utile. Figma avec un vrai auto-layout, ou HTML/React/Tailwind, ou un site publié sur votre propre domaine — pas une capture d'écran.
À quoi ressemble une session type
Vous démarrez un projet, tapez ce que vous voulez, et l'IA propose un ensemble d'écrans. Vous validez ou modifiez ce plan, et elle les conçoit un par un sous vos yeux. Ensuite vous itérez dans la discussion (« agrandis le hero », « utilise notre bleu de marque »), ou vous entrez dans un écran pour modifier textes et images directement.
Quand cela vous convient, vous exportez — ou vous le publiez comme site en production.
À qui c'est destiné
- Fondateurs et chefs de produit qui ont besoin d'une interface crédible à montrer aux utilisateurs, aux investisseurs ou à l'ingénierie avant de recruter en design.
- Designers qui veulent voir générer les premiers 80 % d'un écran pour consacrer leur temps aux 20 % restants.
- Développeurs qui veulent un vrai front-end sans écrire cinq landing pages à la main.
- Agences qui produisent des concepts clients à grande vitesse.
Ce que ce n'est pas
Ce n'est pas un remplacement d'outil de design complet pour le travail d'illustration au pixel près, et ce n'est pas un IDE. Il vous amène extrêmement vite à un point de départ structuré et haute fidélité, puis passe proprement la main à Figma, à votre dépôt ou au web.
Où aller ensuite
- Créez votre premier projet — la version en cinq minutes.
- Comment fonctionnent les crédits — ce que coûte chaque action, pour éviter les surprises.
- Toutes les façons de générer un écran — les six points de départ.
Cet article vous a-t-il été utile ?
Articles liés
Créez votre premier projet
De l'inscription à un écran conçu et modifiable en cinq minutes environ.
Le canevas, les projets et les écrans
Comment s'articulent les projets, les écrans, les versions et le canevas infini.
Comment fonctionnent les crédits
Exactement ce que coûte chaque action de l'IA, lesquelles sont gratuites, et comment faire durer un solde.