Speakers : - Kristina Gudim : 
Head of Design & Innovation @Puzzle
Formatrice Design Sytem @Le Laptop
 - Alexandre Deslandes : Product Designer @Qonto Au programme : ➡️ Design System : une vraie ou fausse bonne idée ? ➡️ Retour l’expérience et apprentissage sur l’implémentation du Design System chez @Qonto.

1. #2
DesignSystems
FriendsofFigmaParis
01/04/21/18h30-20h00 Paris

2. FOF Paris
3 community advocates
Yassine
Ben Brahim
Pierre-Antoine
Nicolay
Ugo
Jauffret

3. FOF Paris
Communauté d’entraide
friendsoffigma.slack.com
Au moins un event par trimestre
friends.figma.com/paris

4. Design system : une vraie ou fausse
bonne idée ?
Kristina
Gudim

5. Bonjour,jem’appelleKristina.
JesuisHeadofDesign&InnovationchezPuzzleet
formatriceDesignSystemauLaptop.

6. Avant de commencer...
Au fait, un design system c’est quoi ?

7. Résultats

8. menti.com
Rendez-vous sur
avec le code :
4111 5804

9. Les4questionsàseposer
avantdeselancer
Pourquoi,comment,pour/avecquietpourquand?

10. Leminimumviableteam*

11. DEV
UI
UX
PO
Marketing
Rédaction

12. Laroadmaptypepourun
designsystemréussi
(selonmoi...)

13. Cadrage Production Lancement
Communication constante de l’équipe
Équipes
Constitution MVT
Recherche & Audit
Interviews
Usages - Besoins
Technologies
Cartographie
Benchmark
Inventaire
Opérationnel
Priorisation
Roadmap
Backlog
Conception
UX/UI/DA
Dev
Documentation
Test(s)
Test UX/UI
Test Dev
Test Doc
Déploiement continu
Récolte feedback continu
Implémentation nouvelles fonctionnalités
Mise à jour du backlog

14. ...

15. Alorsvraieoufausse
bonneidée?

16. REX et apprentissage sur
l’implémentation du Design system
Alexandre
Deslandes

17. Bonjour,jem’appelleAlexandre.Je
suisproductdesignerchezQonto.

18. L’expérience
Construire l’UI kit

20. Librairevieillissanteet
incomplète
Tempspassésurles
features
Unoutilpasadaptéà
nosbesoins

22. Manquede
ressourceseninterne

25. Difficiledetrouverles
composants
Manquede
composants
Composantsdifférent
delaproduction

27. Beaucoupdedette
danslesystème
Difficiledel’identifier
facilement

30. Corriger la dette et implémenter
les composants de facon organique
Plus de valeur pour nos utilisateurs
Plus adapté à notre modèle

31. Coût
d’implémentation
Faiblevaleurajoutée
pournosutilisateurs

33. L’expérience
Documenter les composants

35. Trouverlesbonnes
informations
Duplicationde
l’information

37. Exhaustivitédela
documentation
Compréhensiondela
documentation

38. Définir l’existant

39. Définir les cas d’usages et tester le modèle

40. Les prochaines étapes
Designer le
composant
Écrire la
documentation
Implémenter le
composant

41. L’expérience
Vendre le système

42. Peuderessources
pourimplémenterle
système
Peudeconnaissances
eninternesurl’outil
designsystème

43. Learnings
Évangéliser le système
Faciliter l’accès à l’information
Montrer la valeur avec des exemples concrets
Convaincre les bonnes personnes

44. L’expérience
Notre système d’amélioration en
continue

45. Reproduire
régulièrementles
mêmeserreurs
Onboarder
rapidementde
nouvellespersonnes

48. Do Don’t

49. Identifier les bonnes pratiques

50. Merci à vous !
À la prochaine
Paris
Friends of Figma, Paris
FOF Paris
@fof_pariss