Mockup iPhone et MacBook ensemble

Ordinateur et mobile sur une seule image : l’image « responsive » classique pour le hero.

Déposez votre capture ici

Taille

Format

Votre image reste dans votre navigateur : rien n’est envoyé.

Choisissez « Les deux » et le générateur affiche la version ordinateur sur un MacBook et la version mobile sur un iPhone posé devant, ou couché à côté sur le bureau en vue du dessus.

C’est le moyen le plus rapide de montrer que votre produit fonctionne partout.

Exemples

Comment ça marche

  1. Choisissez un écran

    L’un des 18 types d’interface (5 mises en page chacun) ou votre propre capture. Cliquez sur « Autre variante » jusqu’à ce qu’elle vous plaise.

  2. Choisissez un appareil

    iPhone 17 Pro, iPhone Air, MacBook Pro ou MacBook Air — ou une fenêtre de navigateur.

  3. Téléchargez

    Choisissez l’angle et le fond, puis téléchargez un PNG, JPG ou WebP haute résolution. Fond transparent possible.

Questions

Les deux écrans correspondent-ils ?

Oui, ils utilisent le même modèle, les mêmes couleurs et le même nom de produit : ordinateur sur MacBook, mobile sur iPhone.

Puis-je choisir les modèles ?

Oui, modèle et couleur du MacBook et de l’iPhone se choisissent séparément.

Puis-je utiliser mes captures ?

Une capture importée est placée sur les deux écrans.

UI Generator est-il gratuit ?

Oui. Toutes les interfaces, appareils, angles et tailles d’export sont gratuits, sans compte. Vous pouvez utiliser les images dans des projets commerciaux.

Puis-je mettre ma propre capture sur un iPhone ou un MacBook ?

Oui. Cliquez sur « Votre capture », glissez une image sur l’aperçu ou collez-la avec Ctrl/Cmd+V. L’image est traitée dans votre navigateur et n’est jamais envoyée.

Plus de mockups

Mockups par type d’écran


Mockups par appareil