« Ce qui prenait une semaine prend maintenant deux soirées. »
John savait exactement quelle sensation BarthMoney devait donner. OpenDesign lui a fourni en quelques secondes des idées visuelles de qualité production — et une interface soignée, utilisable, qu’il pouvait emmener dans le code.
Chaque soirée passée à déplacer des marges était une soirée où l’app n’avançait pas.
John travaille en direction artistique et systèmes visuels, pas dans le logiciel à plein temps. Après sa journée, il tourne cet instinct visuel vers ses propres applications utiles. Chaque heure compte donc double.
BarthMoney est né d’un point de vue clair : les finances personnelles devraient être calmes et immédiates. Les alternatives que John voyait étaient soit des tableurs devenus incontrôlables, soit encombrées de publicités. Il voulait une app mobile ciblée où noter une dépense du jour soit rapide, clair et sans distraction.
John savait que l’interface avait besoin de ce qu’il appelle « une âme ». Le mur, c’était de transformer cette direction en une UI mobile cohérente et constructible. Une page blanche dans Figma, ou une UI écrite directement en code, peut engloutir des soirées entières en couleurs, espacements et alignements avant que le produit lui-même n’ait bougé.
Fixer une page blanche dans Figma ou écrire des layouts UI de zéro dans le code, ça prend un temps fou quand on travaille seul après ses journées.
Un seul prompt est devenu un langage visuel sur lequel construire.
John est parti de la sensation et de la fonction de l’écran : « un tableau de bord de dépenses moderne en mode sombre, avec répartition par catégorie. » Le résultat n’était pas seulement un joli tableau de bord. Il a fixé les surfaces sombres, les accents dorés, la hiérarchie des montants, et deux chemins distincts pour la saisie assistée par IA et la saisie directe.
La maquette est devenue une spécification sur laquelle construire.
John ne demande pas à un seul agent d’inventer le produit de bout en bout. Il donne à chaque outil une tâche claire, et garde les décisions produit pour lui.
La fonction de l’écran, sa hiérarchie, son ambiance et ses contraintes commencent en langage courant.
John affine le HTML et le CSS générés jusqu’à ce que l’interface ait une direction cohérente.
Composants, espacements, couleurs et hiérarchie deviennent une spécification visuelle partagée.
La structure devient des widgets modulaires et de la logique applicative dans le code de John.
L’IA est optionnelle. La confirmation ne l’est pas.
Ce qu’il y a de plus fort dans BarthMoney, ce n’est pas le nombre d’écrans. C’est l’ensemble des décisions qui les relient : quand l’automatisation aide, quand elle doit s’effacer, et ce que le produit promet avant que l’utilisateur ait saisi quoi que ce soit.
Proposer, puis demander.
Le chat reconnaît une dépense, une catégorie et un taux de change — mais la confirmation finale reste à l’utilisateur.
Une voie directe reste ouverte.
Quick Add fonctionne sans IA ni compte cloud, parce que la vitesse et la confidentialité comptent plus que la mise en scène de l’automatisation.
L’état vide est une promesse.
Avant même qu’il y ait des données, BarthMoney explique ce qui reste en local et propose une première action sans ambiguïté.
Les flux multi-écrans et l’état partagé demandent encore du travail — précisément la partie que John aimerait voir OpenDesign simplifier ensuite.
La ressource rare n’a jamais été les idées. C’était le temps sans interruption.
John estime qu’OpenDesign a réduit son temps de prototypage UI de 60–70 %. Une semaine de bricolage visuel est devenue deux soirées, et la direction UI principale était prête à passer dans Flutter quelques jours après l’idée initiale.
Le gain n’était pas seulement la vitesse. Il a donné à quelqu’un qui construit après ses journées assez de confiance visuelle pour cesser de tourner autour de l’interface et revenir à ce que lui seul pouvait faire : décider ce que BarthMoney devait devenir.
BarthMoney n’est pas resté un cas isolé. John a aussi conçu avec OpenDesign le portfolio où ce travail est aujourd’hui présenté — une autre façon de transformer une direction visuelle en quelque chose de concret.
« Si vous êtes développeur solo ou indie hacker sans designer dédié, OpenDesign est votre avantage déloyal. »
Sortez l’interface de votre tête — et mettez-la dans le build.
OpenDesign est gratuit, open source, et tourne sur votre machine avec vos propres clés.