Ouvrir et configurer un compte GitHub pour un projet d’application mobile

Étape 1 — Créer ton compte GitHub

  1. Va sur 👉 https://github.com
  2. Clique sur Sign up
  3. Renseigne :
    • une adresse email professionnelle
    • un mot de passe
    • un nom d’utilisateur
  4. Valide l’email de confirmation
✅ Tu as maintenant un compte GitHub actif.

Étape 2 — Comprendre à quoi GitHub va te servir (version designer)

En tant que designer, GitHub te permet de :
  • Centraliser les fichiers du projet (design tokens, exports, docs)
  • Suivre l’évolution de l’application (versions, changements)
  • Collaborer avec les développeurs sans coder
  • Connecter des outils comme Figma, Zeplin, Framer, Expo, Flutter, React Native
👉 Pense GitHub comme un Drive intelligent + historique du projet.

Étape 3 — Compléter ton profil (important en équipe)

  1. Clique sur ta photo (en haut à droite) → Your profile
  2. Ajoute :
    • une photo
    • une courte bio (ex : UI Designer – Mobile apps)
    • un lien vers ton portfolio (Figma, Behance, Dribbble)
🎯 Cela facilite la collaboration avec les équipes produit et tech.

Étape 4 — Rejoindre un projet (le cas le plus courant)

Dans 90 % des cas, un développeur ou un lead produit crée le projet.
  1. Tu reçois une invitation par email GitHub
  2. Clique sur Accept invitation
  3. Le projet apparaît dans ton tableau de bord
➡️ Tu peux maintenant :
  • consulter les fichiers
  • lire la documentation du projet
  • commenter des changements
  • suivre l’avancement

Étape 5 — Découvrir la notion clé : le “Repository”

Un repository (repo) = le dossier principal du projet d’application mobile.
Dans un repo, tu trouveras souvent :
  • /design → assets, exports, guidelines
  • README.md → explication du projet (très utile pour toi)
  • /docs → specs fonctionnelles et UX
  • des liens vers Figma ou le design system
👉 Commence toujours par lire le README.

Étape 6 — Connecter GitHub à tes outils de designer (sans code)

Selon ton workflow mobile, tu peux :
  • Lier Figma ↔ GitHub (commentaires, specs)
  • Utiliser GitHub pour stocker :
    • icônes SVG
    • illustrations
    • design tokens
  • Suivre les demandes de changements via les Issues (tickets)
💡 Tu n’as pas besoin de toucher au code pour être utile sur GitHub.

4. Conseils & Astuces pour designers

  • ⭐ Mets en favori (Star) les projets importants
  • 💬 Utilise les Issues pour poser des questions UX/UI
  • 📝 Documente tes choix design dans le README ou les commentaires
  • 🚫 Ne supprime jamais de fichiers sans prévenir l’équipe tech
  • ✅ GitHub est un outil de collaboration, pas d’évaluation technique

5. Conclusion

GitHub devient rapidement un allié pour le designer mobile : il te permet de mieux comprendre le produit, d’anticiper les contraintes techniques et de fluidifier le travail avec les développeurs.
La prochaine étape naturelle est d’apprendre comment un designer peut contribuer à un projet GitHub sans écrire une ligne de code.