SKU PROJ-011 · Release 2026
Le design system de Yeita, sorti de Figma et publié en code. Une référence que toute l'équipe consulte, et un outil, Y.Cover, qui permet au marketing de produire ses visuels seul, dans les règles de la marque. Des licences Figma ont pu être supprimées.
Un design system qui vit dans Figma ne sert qu'à ceux qui ouvrent Figma. Le marketing avait besoin de licences pour produire ses visuels, comme les couvertures de podcast ou les annonces de lives, et la documentation restait enfouie dans des fichiers que peu de gens consultent. La marque dépendait de quelques personnes.
Le Yeitibook reprend exactement l'organisation du fichier Figma : trois familles (guidelines, composants, sections), puis les pages, puis les composants, chacun avec ses variantes et son code. Figma et GitHub deviennent la source de vérité, et le tout est publié sur GitHub Pages, accessible à n'importe qui en un lien.
La page d'accueil est pensée pour celles et ceux qui débarquent : comment importer les librairies dans Figma, où télécharger les typographies et les 1 513 icônes, et huit règles de design. Où créer un composant, comment le nommer, chercher d'abord s'il existe, le documenter, le publier avec une note de version.
Un outil dans le navigateur. On choisit un format (couverture de podcast en 800 × 800, ou visuel de live LinkedIn en 1200 × 630), on remplit l'invité et le titre, on glisse une photo. La mise en page et les typographies viennent du design system, la taille du titre s'adapte toute seule, le détourage est automatique, et l'export sort en PNG haute définition. Les textes restent mémorisés dans le navigateur, et la photo ne quitte jamais l'ordinateur.
Le marketing produit ses visuels seul, dans les règles de la marque, et des licences Figma ont pu être supprimées. Le design system est consultable par toute l'équipe, en ligne, sans compte ni logiciel.
Rapprocher le Yeitibook du site en production : comparer ses composants avec ceux de Webflow, pour que Figma, le code et le site parlent enfin du même composant. Le même design system sert déjà de référentiel à l'Assistant DA.