Obachola Adegnika nous parle du plugin Figma Tokens https://www.figma.com/community/file/1119790410578973355 ------------------ Retrouvez-nous sur https://friends.figma.com/cotonou/

1. friends.figma.com/cotonou

2. Toute la vérité, rien que
la vérité
COMMUNICATION
ENTRE DESIGNERS ET
FRONT-END DEVS

3. Avoir une source qui sert de
référence aux designers et dev
front-end est important.
Pourquoi?
Ecriture Ecriture
Lecture Lecture
Single
Source
of Truth
</>

4. Pour qui ceci est important?
Designer
Front-end dev
Product Manager
Product Owner

5. Couleur
Typographie
Spacing
Border-radius
Border width
Opacity
Sizing
Box Shadow
La boite magique pour les
éléments UI
Couleur
Typographie
Heading 1
Heading 2
Heading 3
Heading 4

6. Une partie plus
pratique
</>
1.Pull du repo dans Vs-code
2.Configuration de l’espace de travail
3.Création des variables réutilisable
4.Push vers Github
5.Mise à jour dans figma
1.Mise en place du Design System
2.Importation des style dans figma token
3.Configuration de Github et création de token
4.Push vers Github

7. Merci

8. Liens utiles
https://docs.tokens.studio/getting-started
https://docs.tokens.studio/sync/github
https://docs.tokens.studio/styles
https://docs.tokens.studio/handoff
https://www.figma.com/community/plugin/843461159747178978/Figma-Tokens
https://medium.com/push-design-tokens-to-developers....