Introduction

L'utilisation de mockups est un élément crucial dans le processus de conception pour visualiser et tester les designs avant de les lancer sur le marché. Cependant, la création de mockups peut être fastidieuse et prendre beaucoup de temps. C'est pourquoi le plugin Figma "Mockup" est une solution idéale pour les designers qui cherchent à gagner du temps et de l'efficacité dans la création de mockups.

Le plugin Figma "Mockup" offre une solution facile et rapide pour utiliser les mockups dans Figma. Il suffit de sélectionner un appareil, de choisir un cadre et votre design apparaît à l'écran. Avec une grande bibliothèque de mockups de haute qualité et les plus populaires, toujours à jour et en constante croissance, ce plugin est un must pour tout projet de conception. Il existe également des images de haute qualité adaptées à tout type de média, du web à l'impression, et elles sont gratuites pour vos projets personnels et commerciaux.

Comment l’utiliser

FEATURED

La section Featured du plugin de mockup offre une vue d'ensemble des différentes options disponibles pour parcourir le catalogue. Elle inclut un écran d'accueil avec plusieurs sections, notamment "Recently used" qui affiche les derniers mockups utilisés et "Latest Free" qui permet de voir rapidement les mockups gratuits les plus récents avec un lien direct vers la section "Find" avec le filtre "Gratuit" actif.

De plus, des zones de mise en avant sont disponibles pour afficher les dernières mises à jour de style de mockup et les derniers ajouts payants, permettant ainsi de parcourir facilement l'ensemble du catalogue de mockups.

FIND

La section Find de ce plugin de mockup permet de rechercher un mockup spécifique en utilisant le champ de recherche avec des mots-clés pour affiner les résultats. Il est possible de filtrer les résultats par style et catégory, et de n'afficher que les mockups gratuits. La section permet également de réinitialiser les filtres pour revenir à l'état d'origine. Une fois que le mockup est choisi, il est possible de cliquer dessus pour accéder à sa configuration.

MOCKUP

La configuration du mockup de ce plugin permet de sélectionner la zone où placer le design, de choisir le design à placer, de définir les couleurs proposées, et même de définir individuellement la couleur de chaque élément qui compose le mockup. Si le design choisi a évolué, il est possible de le mettre à jour en utilisant le bouton "Refresh". La largeur du mockup peut également être choisie, allant de 1500 pixels de largeur jusqu'à 6000 pixels.

La section "Mockup size" permet de créer une zone pour accueillir le mockup, et les suggestions de mockups similaires peuvent être affichées en faisant défiler vers le bas. Enfin, la fonction "Paste in Canvas" permet de générer et de placer le mockup identique au rendu de la prévisualisation.

DISTORT

Le module de distorsion de notre plugin vous aide à transformer toutes les images, couches, symboles ou cadres en perspective. Pour ce faire, vous devez créer une forme vectorielle à 4 points. Pour utiliser cette fonctionnalité, vous devez ouvrir le plugin et passer en mode Distort. Dans le panneau supérieur du plugin, vous verrez deux champs. Tout d'abord, vous devez choisir une forme vectorielle qui sera la cible pour l'image.

Le nom de la couche apparaîtra dans le premier bloc. Vous pouvez appuyer sur "x" pour la détacher. Ensuite, sélectionnez la couche, le groupe ou le cadre que vous souhaitez transformer et appuyez sur le bouton Appliquer. Et c'est tout. Vous pouvez également faire pivoter ou augmenter la résolution de l'image.

a screenshot of a computer screen with the text an easier way to use mock

Conclusion

En conclusion, ce plugin de mockup offre une expérience utilisateur fluide et une grande variété de choix de mockups pour tous les besoins de design. Avec la section Featured, les utilisateurs peuvent facilement parcourir les derniers mockups gratuits et payants ajoutés, et la section Find permet de filtrer et de rechercher précisément le type de mockup souhaité. La configuration du mockup offre une grande souplesse pour personnaliser le rendu final, et l'espace client permet de s'abonner à la newsletter et de gérer son compte. Ce plugin est une solution idéale pour les designers en quête de qualité et de simplicité dans la création de mockups.

LIENS PRATIQUES

Plugin Figma
Site du plugin

Certains liens sont des liens d'affiliation, si vous effectuez un achat auprès de ceux-ci, nous pouvons percevoir une commission.