Mission freelance Design System Designer (Expert Figma) (H/F)

Le profil recherché est un Designer System senior, capable de concevoir, structurer et industrialiser un Design System complet dans un contexte d’entreprise en transformation digitale. Il s’agit d’un profil technico-fonctionnel, combinant une expertise approfondie en UX/UI Design System et une bonne compréhension des contraintes front-end.

Le candidat devra être à l’aise autant dans la conception UX/UI, la structuration de composants et de design tokens, que dans la collaboration technique avec les équipes front.

• Minimum 5 ans d’expérience en design ou plusieurs missions dédiées à un Design System.

• Maîtrise experte de Figma (prioritaire) :

  • Component properties

  • Auto-layout avancé

  • Variants & interactions

  • Structuration de librairies design

• Très bonne compréhension des principes d’atomic design, des patterns UI et de la création de bibliothèques de composants.

• Capacité à formaliser des guidelines UX/UI, règles d’accessibilité et naming conventions.

• Forte expérience dans la création ou l’évolution de Design Systems (tokens, composants, documentation).

• Maîtrise des design tokens sémantiques : structure, nomenclature, formats techniques (JSON).

• Connaissance de la gouvernance DS : contribution, versioning, processus de validation.

• Expérience en industrialisation et maintien de librairies design à grande échelle.

• Bonne compréhension des technologies front-end : HTML, CSS, JavaScript.

• Connaissance des frameworks (React, Angular, Vue) pour assurer l’alignement design → code.

• Familiarité avec les outils de documentation technique du DS (Storybook ou équivalent).

• Capacité à collaborer efficacement avec les développeurs et à traduire les composants en éléments intégrables.

• Capacité à animer des ateliers, formations et sessions de co-conception.

• Excellent relationnel, pédagogie, sens de la vulgarisation.

• Autonomie, rigueur, esprit structuré, culture design ops.

• Capacité à travailler dans un contexte multi-équipes (UX, UI, Dev, PO, PM).

• Expérience sur Penpot ou capacité à monter rapidement en compétence.

• Connaissance des normes d’accessibilité (WCAG, RGAA).

• Expérience en documentation collaborative (Confluence, Notion).

L’environnement technique est orienté autour de la création d’un Design System complet, de la collaboration étroite entre designers et développeurs, et de l’intégration du DS dans un écosystème front-end existant.

• Outil central pour la conception et la structuration du Design System.

• Utilisé pour :

  • création des composants (atomic design),

  • organisation des variants,

  • définition des design tokens,

  • mise en place de librairies design collaboratives.

• Outil cible pour la livraison ou migration du Design System.

• Utilisation pour :

  • implémentation finale des composants,

  • documentation interne,

  • transfert vers les équipes UX.

• Confluence, Notion ou équivalent pour héberger :

  • guidelines,

  • principes d’accessibilité,

  • conventions de nommage,

  • process de contribution et de gouvernance.

• Design tokens structurés (sémantique, décisionnel, technique).

• Exports tokens en format JSON ou compatible avec les pipelines front.

• Gestion du versioning et de la gouvernance du DS (SemVer).

• Organisation d’une bibliothèque de composants scalable.

Le Designer évoluera dans un environnement technique proche du développement front-end, même sans coder au quotidien.

• HTML / CSS / JavaScript (comportement, theming, variables CSS, responsive).

• Frameworks utilisés en interne (selon l’équipe) :

  • React,

  • Angular,

  • Vue.js
    (une compréhension solide, même sans expertise de développement, est attendue)

• Interactions avec les devs pour définir :

  • wrappers,

  • propriétés des composants,

  • mapping tokens → variables CSS/JS,

  • contraintes techniques (responsive, interactions, accessibilité).

• Storybook ou solution équivalente (Backlight, Zeroheight, DSM…).

• Permet de documenter le matching Design ↔ Code, les variants, les states.

• Prise en compte des normes WCAG / RGAA :

  • ratios de contraste,

  • navigation clavier,

  • focus states,

  • ARIA roles.

• Travail en étroite collaboration avec :

  • UX Designers,

  • UI Designers,

  • Développeurs front,

  • PO / PM,

  • Équipe Design Ops.

• Approche agile ou semi-agile (rituels, comités, ateliers).

• Process de gouvernance :

  • demandes d’évolution,

  • revues de version,

  • validation des composants.