“O que antes levava uma semana agora leva duas noites.”
John sabia exatamente como o BarthMoney deveria parecer. O OpenDesign entregou em segundos ideias visuais em qualidade de produção — e uma interface acabada e usável que ele podia levar para o código.
Cada noite ajustando margens era uma noite em que o app não andava.
John trabalha com direção criativa e sistemas visuais, não com software em tempo integral. Depois do expediente, ele vira esse instinto visual para os próprios apps úteis. Por isso cada hora conta.
O BarthMoney nasceu de um ponto de vista claro: finanças pessoais deveriam ser calmas e imediatas. As alternativas que John via eram planilhas que cresceram demais ou estavam entulhadas de anúncios. Ele queria um app mobile focado, em que registrar um gasto do dia fosse rápido, claro e sem distração.
John sabia que a interface precisava do que ele chama de “alma”. A parede era transformar essa direção em uma UI mobile coerente e construível. Uma tela em branco no Figma, ou uma UI escrita direto no código, pode consumir noites inteiras em cores, espaçamentos e alinhamentos antes de o produto sair do lugar.
Encarar uma tela em branco no Figma ou escrever layouts de UI do zero no código demora uma eternidade quando você trabalha sozinho fora do expediente.
Um prompt virou uma linguagem visual sobre a qual dava para construir.
John partiu da sensação e da função da tela: “um painel de gastos moderno em modo escuro, com divisão por categoria.” O resultado não foi só um painel bonito. Ali ficaram definidas as superfícies escuras, os acentos dourados, a hierarquia dos valores e dois caminhos distintos para a entrada assistida por IA e a entrada direta.
O mockup virou uma especificação para construir.
John não pede que um único agente invente o produto de ponta a ponta. Ele dá a cada ferramenta uma tarefa clara e guarda as decisões de produto para si.
A função da tela, a hierarquia, o clima e as restrições começam em linguagem comum.
John refina o HTML e o CSS gerados até a interface ter uma direção coerente.
Componentes, espaçamentos, cores e hierarquia viram uma especificação visual compartilhada.
A estrutura vira widgets modulares e lógica de aplicação no código do John.
A IA é opcional. A confirmação não é.
O mais forte do BarthMoney não é o número de telas. É o conjunto de decisões que as conecta: quando a automação ajuda, quando ela deve sair do caminho e o que o produto promete antes de o usuário ter digitado qualquer coisa.
Sugerir e então perguntar.
O chat reconhece um gasto, uma categoria e uma taxa de câmbio — mas a confirmação final continua com o usuário.
Um caminho direto continua aberto.
O Quick Add funciona sem IA e sem conta na nuvem, porque velocidade e privacidade importam mais que teatro de automação.
O estado vazio é uma promessa.
Antes de existir qualquer dado, o BarthMoney explica o que fica local e oferece uma primeira ação inconfundível.
Fluxos com várias telas e estado compartilhado ainda dão mais trabalho — exatamente a parte que John quer que o OpenDesign facilite a seguir.
O recurso escasso nunca foram as ideias. Era tempo sem interrupção.
John estima que o OpenDesign cortou o tempo de prototipagem de UI dele em 60–70 %. Uma semana de ajuste visual virou duas noites, e a direção principal de UI ficou pronta para ir ao Flutter poucos dias depois da ideia inicial.
O ganho não foi só velocidade. Deu a quem constrói fora do expediente confiança visual suficiente para parar de rodear a interface e voltar ao que só ele podia fazer: decidir no que o BarthMoney deveria se tornar.
O BarthMoney não foi caso único. John também usou o OpenDesign para desenhar o portfólio onde esse trabalho vive hoje — outra forma de transformar uma direção visual em algo concreto.
“Se você é desenvolvedor solo ou indie hacker sem designer dedicado, o OpenDesign é a sua vantagem injusta.”
Tire a interface da sua cabeça — e coloque no build.
O OpenDesign é gratuito, open source e roda na sua máquina com as suas próprias chaves.