Ingénieur Logiciel Senior - Design System Angular H/F

La mission s’inscrit dans la définition et l’évolution de la feuille de route technique d’un design system, avec un enjeu de fiabilité, de réutilisabilité, de scalabilité, de maintenabilité et d’accessibilité des composants.

Mission

La mission consiste à faire le lien entre design et ingénierie afin de transformer des composants et tokens issus de Figma en composants Angular robustes, à structurer l’architecture technique du design system, à maintenir la qualité des composants et à accompagner leur adoption par plusieurs équipes dans des contextes d’usage, de plateformes et de technologies variés.

Principales responsabilités

• Définir et faire évoluer la feuille de route technique du design system
• Collaborer avec les designers pour traduire les composants et tokens Figma en composants Angular fiables et réutilisables
• Prendre des décisions architecturales garantissant la scalabilité, la maintenabilité et l’accessibilité
• Développer, documenter et maintenir des composants avec une API claire et une couverture de tests robuste
• Gérer et optimiser les pipelines de build et de déploiement via Nx, npm et GitHub Actions
• Rédiger la documentation interne, animer des ateliers et accompagner les équipes dans l’intégration du design system
• Travailler avec plusieurs équipes pour garantir la compatibilité du système avec des cas d’usage, plateformes et technologies variés

Environnement technique

• Langages : JavaScript, TypeScript, CSS/SCSS
• Frameworks : Angular, Node
• Librairies et outils : Storybook, Style Dictionary, Nx, Jest, Cypress
• CI/CD et DevOps : GitHub Actions, npm
• Versioning et repositories : Git, GitHub
• Design et collaboration : Figma, Jira, Confluence
• Standards : WCAG

Livrables attendus

• Feuille de route technique du design system
• Composants Angular fiables, réutilisables et maintenus dans le temps
• Documentation interne du design system et de ses composants
• Pipelines de build et de déploiement optimisés
• Ateliers d’accompagnement à l’intégration du design system

Solide expérience en JavaScript/TypeScript, CSS/SCSS et Angular

• Expérience dans la création et la maintenance de bibliothèques de composants à grande échelle
• Expérience de collaboration entre design et ingénierie

Compétences techniques

• Maîtrise du packaging et de la distribution de packages npm performants
• Bonne compréhension des design tokens, systèmes de thèmes et architectures CSS évolutives
• Connaissance approfondie des standards d’accessibilité (WCAG)
• Maîtrise des bonnes pratiques de tests
• Capacité à promouvoir une architecture propre

Compétences personnelles

• Capacité à encadrer des pairs
• Excellentes compétences en communication
• Esprit collaboratif

Langues

• Anglais écrit et oral

Atouts supplémentaires

• Maîtrise de React et/ou React Native pour des implémentations futures
• Expérience avec des architectures multi-marques ou multi-thèmes
• Connaissance des pipelines automatisés pour les tokens et de la synchronisation design-to-code
• Contributions à des projets open source ou à des communautés internes de développeurs
• Expérience dans des écosystèmes produits à grande échelle
• Connaissance de Python, Terraform et AWS

Compétences / Qualités indispensables :

Angular, TypeScript / JavaScript, Design system et bibliothèques de composants, Accessibilité WCAG et tests, Nx / npm / GitHub Actions, Communication et anglais

Compétences / Qualités qui seraient un + : React et/ou React Native, architectures multi-marques ou multi-thèmes, pipelines automatisés pour les tokens, synchronisation design-to-code, contributions open source, écosystèmes produits à grande échelle, Python, Terraform et AWS, Profil recherchéAngularTypeScript / JavaScriptDesign system et bibliothèques de composantsAccessibilité WCAG et testsNx / npm / GitHub ActionsCommunication et anglais

Mais aussi…

Taux journalier :450€ / jour.css-11k7fwb{display:inline-block;white-space:nowrap;vertical-align:middle;-webkit-padding-start:var(–chakra-space-1-5);padding-inline-start:var(–chakra-space-1-5);-webkit-padding-end:var(–chakra-space-1-5);padding-inline-end:var(–chakra-space-1-5);text-transform:none;font-size:var(–chakra-fontSizes-xs);border-radius:var(–chakra-radii-md);font-weight:var(–chakra-fontWeights-semibold);background:var(–chakra-colors-success-200);color:var(–chakra-colors-success-700);box-shadow:var(–badge-shadow);padding:4px 6px;–badge-bg:var(–chakra-colors-success-100);–badge-color:colors.success.800;}.chakra-ui-dark .css-11k7fwb:not([data-theme]),[data-theme=dark] .css-11k7fwb:not([data-theme]),.css-11k7fwb[data-theme=dark]{–badge-bg:rgba(226, 243, 232, 0.16);–badge-color:var(–chakra-colors-success-200);}Cette offre est à 0% de commission .css-74lrwu{width:1em;height:1em;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;font-size:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:.1s ease-in-out color;transition:.1s ease-in-out color;}.css-74lrwu *{-webkit-transition:.1s ease-in-out fill;transition:.1s ease-in-out fill;fill:var(–chakra-colors-rythm-600);}, * Angular

• TypeScript / JavaScript
• Design system et bibliothèques de composants
• Accessibilité WCAG et tests
• Nx / npm / GitHub Actions
• Communication et anglais

EUR

Anglais AWS React Native Git Frameworks et toolkits front-end Angular Python Jira Terraform Javascript TypeScript CSS Figma

Oui - 2 jours/semaine

Notre client dans le secteur Énergie et ressources naturelles recherche un/une Ingénieur Logiciel Senior - Design System (Angular) H/F