Projets personnels

Les concepteurs travaillant dans OutSystems disposent rarement d'outils qui comprennent les conventions de la plateforme dès leur installation. Ce projet est un fork de l'outil open source figma-cli de Sil Bormüller, étendu et réadapté spécifiquement pour le travail de conception OutSystems chez PhoenixDX.

Le fork ajoute des invites de composants personnalisés et un contexte adapté à OutSystems, ainsi que des règles de jetons de conception couvrant à la fois ODC et O11. En le connectant à Claude Code, vous disposez d'une interface CLI qui permet de créer et de gérer des conceptions Figma et des systèmes de conception à l'aide d'un langage naturel, avec une connaissance pratique de la plateforme pour laquelle elle est réellement conçue plutôt que des conventions web génériques.

Il s'agit d'un projet en constante évolution, façonné par le travail quotidien réel de conception dans une entreprise partenaire d'OutSystems. L'objectif est de mettre en place un flux de travail dans lequel les outils parlent déjà le langage, afin que les concepteurs passent moins de temps à traduire entre Figma et OutSystems pour chaque projet.

La création de ce portfolio est née d'une frustration face aux solutions qui font tout juste le travail. Je voulais quelque chose de véritablement interactif plutôt qu'une autre présence standard, donc chaque composant a été conçu pour réagir, que ce soit au mouvement de l'utilisateur ou à sa simple curiosité.

La pile, Next.js 15 et Framer Motion, m'a permis d'atteindre le niveau de performance dont j'avais besoin, y compris une prise en charge multilingue transparente grâce à l'API DeepL. J'ai traité l'IA comme un véritable collaborateur tout au long du processus, en utilisant l'IDE Google Antigravity et des « directives d'agent » structurées pour automatiser les tâches fastidieuses de génération de fichiers et de coordination de la cartographie. Cela m'a permis de me concentrer sur les décisions UX qui comptent vraiment.

En tant que designer dans une entreprise partenaire d'OutSystems, je me heurtais sans cesse au même problème : les variables Figma et le CSS OutSystems se désynchronisaient à cause de transferts manuels fastidieux. J'ai donc créé un plugin pour y remédier. Les jetons de conception sont désormais transférés directement de Figma vers OutSystems Developer Cloud via une API REST sécurisée de serveur à serveur, faisant de Figma la seule source fiable plutôt qu'un point de départ qui est discrètement réinterprété en aval.

Les outils d'IA ont rendu les problèmes d'ingénierie les plus complexes plus abordables. Pour naviguer dans l'architecture cloud stricte d'ODC, des éléments tels que les limitations CORS et la sérialisation JSON auraient traditionnellement nécessité une équipe full-stack. En collaborant avec des agents IA tout au long du processus, j'ai pu surmonter rapidement ces obstacles et livrer un produit prêt à être mis en production. Pour moi, c'est une bonne preuve de concept que les concepteurs n'ont pas à s'arrêter à la limite du transfert.

Travailler avec de grandes bibliothèques d'icônes devient rapidement fastidieux. Les structures de calques désordonnées, les vecteurs mal alignés et le travail manuel consistant à lier les tailles aux variables m'éloignaient sans cesse des décisions de conception proprement dites. Simplify Icons est né de cette frustration, conçu pour gérer le nettoyage répétitif à ma place.

Ce que j'ai apprécié dans ce projet, c'est la façon dont il s'est déroulé. En associant mes connaissances en matière de systèmes de conception aux outils d'IA de l'IDE Antigravity, j'ai pu répondre à des exigences véritablement complexes, telles que l'aplatissement récursif des calques, la portée stricte des variables et l'interface utilisateur conforme aux WCAG, sans avoir à ralentir et à passer en mode ingénierie complète. Ce qui aurait pu prendre des semaines a été réalisé en une fraction du temps. C'est désormais un élément fiable de mon flux de travail, qui me rappelle que les concepteurs qui souhaitent créer leurs propres outils n'ont pas besoin d'attendre que quelqu'un d'autre résolve leurs problèmes.