Créer un jeu SUPER MARIO avec le logiciel FIGMA : défi relevé ?

UX & Design / Vidéos / Jeux vidéos

Article publié par Farouk NASRI le 9/09/2021

Figma est-il bien plus qu'un outil de conception d'interfaces ? J'ai tenté de relèver le défi en recréant un prototype UX/UI du jeu vidéo Super Mario Bros en 5 minutes chrono ! Interactions, variantes, composants interactifs... J'essaye toutes les fonctionnalités possibles pour arriver au meilleur résultat.

Figma : bien plus qu’un simple outil UX/UI design

Sketch, Adobe XD et Figma.

Les 3 outils de conception, prototypage UX-UI et design d’interfaces que j’ai pu expérimenter en tant qu’UX designer.

Aujourd’hui, pour concevoir le design des sites internet ou les applications de mes clients, j’utilise au quotidien Figma en raison de sa polyvalence et son côté collaboratif. Il est aussi en constante évolution et ses fonctionnalités pour créer des prototypes interactifs réalistes sont incroyables.

Et grâce à ces fonctionnalités dédiées au prototypage, j’ai voulu tenter un petit exercice « ludique » en recréant un semblant de jeu vidéo « Super Mario ».

Car oui, un jeu vidéo est bien une interface avec laquelle un utilisateur (le joueur) interagit.

Donc Figma doit être capable de réaliser des choses assez sympa…

Jeu Mario reproduit sur Figma — Capture du logiciel FIGMA, l’outil que l’utilise au quotidien pour le design UI UX de sites web ou applications

Testez mon prototype UX/UI « Super Mario FIGMA »

Oui, vous l’aurez compris : il n’y a pas grand chose à tester sur ce prototype 🙂

Juste appuyer sur la touche « Haut » (↑) fait sauter le personnage.

Néanmoins le rendu est assez sympa.

Bien que basique, le prototype de ce jeu fait appel à plusieurs fonctionnalités utiles dans Figma : composants interactifs, variantes, composants, auto-layout…