Accueil UXMagic
  • Fonctionnalités
  • Bibliothèques
  • Communauté
  • Tarifs
  • Affiliation
  • Ressources
Accueil UXMagic
Accueil UXMagic

Bibliothèques

Communauté
Tarifs
Affiliation

Ressources

Suivez-nous sur :
  • Suivez-nous sur Slack
  • Suivez-nous sur Twitter
  • Suivez-nous sur LinkedIn
  • Suivez-nous sur YouTube
  • Suivez-nous sur Instagram
Centre d'aide
  • 🚀Premiers pas
  • ✨Générer des designs
  • 🎨Concevoir et modifier
    • Modifier un écran
    • Modifier via la discussion
    • Thèmes et chartes graphiques
    • Polices et typographie
    • Les images dans vos designs
    • Versions et historique
    • Variantes responsives et par appareil
    • Bibliothèques de composants et systèmes de design
  • 📦Export et transmission
  • 🌐Publier un site en production
  • 🤝Partager et collaborer
  • 🔌Intégrations et développement
  • 💳Offres, crédits et facturation
  • 🛠Dépannage

Toujours bloqué ?

Notre équipe répond depuis l'intérieur du produit.

Contacter le support →
  1. Centre d'aide/
  2. Concevoir et modifier/
  3. Variantes responsives et par appareil

Variantes responsives et par appareil

Créez les versions mobile et bureau d'un écran et gardez-les alignées.

Dernière mise à jour : 27 août 2026

Sur cette page

  • Créer une variante
  • Coût
  • Garder les variantes alignées
  • Le thème est partagé
  • Code exporté

Créer une variante#

Demandez-la, ou utilisez le contrôle d'appareil sur l'écran :

Fais une version mobile de la landing page.

La variante est un nouvel écran sur le canevas, adapté à la largeur cible — pas un redimensionnement fluide. Les mises en page sont réellement réorganisées : les sections multi-colonnes s'empilent, la navigation se replie, la typographie descend d'échelle.

Coût#

Convertir un écran vers une autre taille d'appareil est facturé par écran au même tarif qu'une régénération, parce que c'en est une. Convertir huit écrans coûte huit fois ce montant — mieux vaut vérifier son solde avant.

Garder les variantes alignées#

Les variantes sont des écrans distincts : une modification ultérieure sur la version bureau ne descend pas automatiquement dans la mobile. Deux options :

  • Demandez la modification sur les deux explicitement : « Sur les landing pages bureau et mobile, change le CTA en “Commencer gratuitement”. »
  • Ou terminez d'abord le design bureau, puis générez les variantes une fois à la fin. C'est généralement l'ordre le moins coûteux.

Le thème est partagé#

Les deux variantes utilisent le thème du projet : les changements de couleur et de police s'appliquent donc automatiquement aux deux. Seule la mise en page est propre à chaque variante.

Code exporté#

Le code exporté reflète l'écran exporté. Si vous voulez une implémentation réellement responsive plutôt que deux mises en page figées, exportez l'écran bureau et adaptez-le, ou exportez les deux et fusionnez-les au point de rupture — voir Exporter le code.

Cet article vous a-t-il été utile ?

Articles liés

Modifier un écran

Les trois façons de changer un design — discussion, mode édition et thème — et quand chacune est le bon outil.

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.

← PrécédentVersions et historiqueSuivant →Bibliothèques de composants et systèmes de design

Sur cette page

  • Créer une variante
  • Coût
  • Garder les variantes alignées
  • Le thème est partagé
  • Code exporté

votre prochaine idée
mérite d'exister

arrêtez d'y penser. écrivez-la, tout simplement. Mal formulée, à moitié aboutie, peu importe. On la transformera en quelque chose de réel.

Produit

  • Communauté
  • Plans tarifaires
  • Programme d'affiliation
  • UXMagic MCP
  • Claude MCP
  • Infos IA

Ressources

  • Centre d'aide
  • Bibliothèque Figma
  • Bibliothèque React
  • Templates d'applications mobiles
  • Documentation
  • Tutoriels

Fonctionnalités

  • Prompt vers UI
  • Image vers UI
  • Croquis vers UI
  • Cloner un site web
  • Importer depuis Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Toutes les fonctionnalités

Comparer

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Tous les concurrents

Blog

  • L'IA dans le workflow UX : ce qui fonctionne vraiment
  • Templates de prompts pour dashboards SaaS
  • Les vrais prompts que nous utilisons pour générer des parcours produit
  • Le prompt engineering pour designers UX
  • Meilleurs outils de wireframing en 2026 : 10 options gratuites & pro comparées
  • Tous les articles

Entreprise & Support

  • Carrières
  • Nous contacter
  • Politique de confidentialité
  • Conditions d'utilisation
  • Paramètres des cookies
  • Suivez-nous sur Slack
  • Suivez-nous sur Twitter
  • Suivez-nous sur LinkedIn
  • Suivez-nous sur YouTube
  • Suivez-nous sur Instagram

© 2026 UXMagic AI Technologies Inc.