Votre refonte dans un ordinateur portable 3D qui fait défiler toute la page, et vos écrans d'app sur un téléphone que l'on touche. Un lien qui s'ouvre dans n'importe quel navigateur, sans compte et sans rien installer.
Par Franco Cirulli
Vous envoyez le lien du fichier et, en face, le client ouvre un canevas avec quarante frames. Il ne sait pas laquelle est la page d'accueil. Il clique quelque part, le curseur de quelqu'un d'autre passe devant lui, il ferme l'onglet et répond qu'il regardera demain. Il arrive à la réunion sans avoir rien vu, et les dix premières minutes passent à expliquer l'outil au lieu du design.
Figma, c'est là où le travail vit, pas là où on le regarde. Pour quelqu'un qui ne s'en sert pas, il faut autre chose, et c'est un mockup de site web : un lien qui s'ouvre comme s'ouvre une page, avec votre design déjà posé dans un ordinateur portable.
Faites défiler dans l'écran, la page est entière. Faites glisser le fond et l'ordinateur pivote. Voilà ce qui arrive chez votre client.
Un mockup d'écrans d'app reprend l'idée sur un téléphone 3D, et c'est là que les hotspots comptent vraiment. Vous marquez une zone, le bouton de paiement par exemple, la personne le touche et arrive sur l'écran suivant. Un dossier de captures éparses devient un parcours qu'elle fait avec son propre doigt.
Vous chargez une image par écran, vous les ordonnez et vous publiez. La seule étape qui a un truc, c'est la capture, parce qu'il vous faut la page entière et pas ce qui tient dans la fenêtre. Dans Chrome, elle est dans le menu de commandes des DevTools, sous Capture full size screenshot. Dans Figma, vous exportez le frame à sa hauteur réelle. Un PDF marche aussi : chaque page devient un écran.
Capturez en 1x, pas en 2x. Une capture retina d'une page longue est énorme, et le visualiseur la redimensionne de toute façon avant d'en faire une texture, donc ces pixels en trop ne font que faire attendre celui qui a ouvert le lien.
Vous envoyez le lien la veille au soir et l'appel commence avec un client qui réagit au design. Si vous travaillez par tours, vous remplacez les écrans dans l'éditeur et le lien reste le même, donc personne ne revient commenter la version d'il y a deux semaines.
Celui qui décide n'est presque jamais dans l'appel. Un lien se transfère sans rien perdre en route, et avec Pro les statistiques vous disent s'ils l'ont ouvert et quel écran les a retenus le plus longtemps.
Les quatre nouveaux écrans du mois, posés dans un téléphone, racontent l'avancée mieux qu'un paragraphe dans le canal. Le même projet s'exporte en vidéo pour la mise à jour.
Votre fichier de design, c'est là où vous travaillez. Le lien est pour tout le reste : la réunion, le transfert, et la décision qui se prend trois jours plus tard sans vous.
Un ordinateur portable 3D avec des captures de page entière, face à un téléphone 3D avec des écrans d'app verticaux. La navigation et les hotspots fonctionnent pareil des deux côtés, vous choisissez donc selon ce que vous montrez.
Les captures suffisent : une image haute par écran, en PNG ou JPG. Un PDF fonctionne aussi, une page par écran. Il n'y a pas d'import depuis Figma.
Non. Le lien s'ouvre dans n'importe quel navigateur, sur ordinateur comme sur téléphone, sans compte et sans rien installer.
En partie. Un hotspot peut mener à un autre écran, ouvrir un lien ou afficher une note. Il n'y a ni champs de formulaire ni état, traitez-le donc comme un parcours guidé.
Oui. Un projet peut rester non répertorié ou être protégé par mot de passe, sur n'importe quelle formule, y compris la gratuite.
La formule gratuite couvre 3 projets et 50 Mo, avec une petite pastille i3dify dans le coin. Pro coûte 3 $ par mois, ou 24 $ par an, l'enlève et ajoute un domaine personnalisé et les statistiques.
Les galeries Pixieset ressemblent à celles de tous les photographes de votre ville. Voici le format d'album 3D que les couples partagent vraiment—avec une comparaison de coûts réelle.
La brochure PDF du MLS ressemble à celle de tous les autres agents. Voici pourquoi les 10 % d'agents immobiliers les plus performants passent aux annonces Flipbook 3D—et les données qui le justifient.
Transformez votre contenu en expériences 3D immersives en quelques secondes.
Créer un Desktop Mockup