Kit Ui Designer

Vous trouvez ici tout ce dont vous aurez besoin pour commencer en Ui et les bonnes pratiques portées par MAIF. Nous vous mettons à disposition toutes nos librairies Sketch, Adobe afin de vous que vous ne partiez pas en croisade pour obtenir les différents entrants et d’optimiser votre travail.

Les fichiers sources pour bien commencer

Voici le fichier Sketch avec les différents formats adaptatifs. Nous avons actuellement 3 points de rupture sur nos interfaces.
Pour plus d'information sur les grilles cliquez ici

Télécharger le fichier Sketch

Les librairies

Nous vous mettons à disposition toutes nos librairies Sketch en synchronisation ce qui vous permettra être toujours à jour sur le nouveau composant, couleurs, pictogramme... Comment synchroniser une librairie ?

Information

Tous les composants des librairies ne sont pas encore à jour. Nous sommes en cours d'intégration des composants.
L'accés à Sketch Cloud sera prochainement disponible sur les postes MAIF, il est déjà possible sur les postes des designers (Mac)

#tutoriel-de-synchronisation-sketch

Tutoriel de synchronisation Sketch

synchro-sketch.png
Etape 1
Pour synchroniser une librairie, cliquez sur la librairie voulue. Vous arriverez sur le site web Sketch.cloud qui va vous présenter les éléments contenus dans la libraire pour les consulter. Pour Synchroniser avec votre application Sketch cliquez en bas à droite sur Add Library to Sketch.
tuto-synchro-sketch-2.jpg
Etape 2
Une popin s'ouvre vous proposant soit de télécharger sketch soit de lier la librairie à votre application Sketch. Cliquez sur Add Library to Sketch.
tuto-synchro-sketch-3.jpg
Etape 3
Un message d'alerte de votre navigateur va s'ouvrir vous proposant d'ouvrir Sketch. Cliquez sur Ouvrir Sketch
tuto-synchro-sketch-4.jpg
Etape 4
Félicitation ! Notre librairie est ajoutée à votre Sketch.