🎯 Intention

L’objectif est de livrer un Figma / Sketch de bonne qualité afin que les développeurs soient autonome dans l’intégration d’une maquette.

Dans un monde merveilleux, le développeur n’aurait aucune question à poser au designer

<aside> ✅ Pré-requis

• Avoir un compte Figma / Sketch </aside>

✅ Points clés

<aside> ⌛ Temps indicatif :

</aside>

Etape

Visuel / Exemple

📁 Organiser l’arborescence

• Les éléments doivent être organisés dans des dossiers nommés

Raison :

• Cela permet de sélectionner plus facilement des éléments sur la maquette
• Cela permet d’exporter plus facilement des images/icônes

Ici le calque est nommé “Chaussures”

📁 Les écrans Figma doivent utiliser la résolution finale

• Si par exemple, l’objectif est d’intégré un mobile, alors il faut concevoir l’écran figma avec une résolution mobile (de préférence celle du mobile en question)

Raison :

• Cela évite les erreurs de dimension lors de l’intégration de la maquette

❌ Erreurs type à éviter

• Ne pas regrouper/hiérarchiser les éléments (exemple de la vidéo : les icones ne sont pas exportables avec le fond)

2023-11-15 18-16-56.mkv

🎓Aller plus loin