Color, Alpha, variables CSS & Design System-4

Commentaires

Commenter

Good Practice

En tant qu’administrateur Design Sytem, j’ai besoin de voir rapidement (d’un coup d’œil) ce que je dois traiter.

Et comme je suis un “visuel”, un thumbnail (vignette) est une des aides qui me permet de naviguer vite dans les Teams et Projets  depuis mon Dashboard.

Figma permet de créer des pages de couverture pour chaque document et de personnaliser les vignettes dans le navigateur de fichiers.

Dashboard Figma

Figma crée une preview à partir du DashBoard ou de la première Frame d’un document, ce qui n’est pas forcément toujours pertinent (la frame est trop grande verticalement pour y voir vraiment quelque chose d’un clin d’œil, ou montre une Frame peu identifiable rapidement).

Vous pouvez créer un thumbnail personnalisé en créant un design dans une Frame sur la première page du document. 

La Frame doit avoir un ratio de 1920 x 960px.

Sélectionnez ensuite la frame et à l’aide du menu, choisir Set as thumbnail.

Une icône de thumb devrait apparaître devant le nom de la Frame dans les calques et sur le Dashboard.

Menu Set Thumbnail

La Frame doit avoir un ratio de 1920 x 960px.

Sélectionnez ensuite la frame et à l’aide du menu, choisir Set as thumbnail.

Une icône de thumb devrait apparaître devant le nom de la Frame dans les calques et sur le Dashboard.

Icônes du Thumbnail

Contact

Logo DVW Design DVW Design

Paris, France

Tel. +33(0)6 68 49 06 04

Vous pouvez également flasher ce QR Code avec mes coordonnées