Caso de cliente · John Pavulon

“Lo que antes llevaba una semana ahora lleva un par de noches.

John sabía exactamente cómo debía sentirse BarthMoney. OpenDesign le dio en segundos ideas visuales de calidad de producción — y una interfaz pulida y usable que podía llevarse al código.

En minutos
una dirección visual coherente desde la que arrancar
60–70%
menos tiempo de prototipado de UI
En días
para llevar la dirección de UI principal a Flutter
Fuera de horario

Cada noche moviendo márgenes era una noche en la que la app no avanzaba.

John trabaja en dirección creativa y sistemas visuales, no en software a tiempo completo. Después de su jornada, dirige ese instinto visual hacia sus propias apps útiles. Por eso cada hora cuenta.

BarthMoney nació de un punto de vista claro: las finanzas personales deberían sentirse tranquilas e inmediatas. Las alternativas que veía John eran hojas de cálculo desbordadas o estaban llenas de anuncios. Quería una app móvil enfocada donde registrar un gasto del día fuera rápido, claro y sin distracciones.

John sabía que la interfaz necesitaba lo que él llama “alma”. El muro era convertir esa dirección en una UI móvil coherente y construible. Un lienzo en blanco de Figma, o una UI escrita directamente en código, pueden devorar noches enteras en colores, espaciados y alineaciones antes de que el producto se haya movido un milímetro.

Mirar un lienzo en blanco en Figma o escribir layouts de UI desde cero en código lleva una eternidad cuando trabajas solo fuera de horario.
John Pavulon · desarrollador en solitario
El primer avance

Un solo prompt se convirtió en un lenguaje visual sobre el que construir.

John partió de la sensación y el propósito de la pantalla: “un panel de gastos moderno en modo oscuro con desglose por categorías.” El resultado no fue solo un panel bonito. Fijó las superficies oscuras, los acentos dorados, la jerarquía de los importes y dos caminos distintos para la entrada asistida por IA y la directa.

Tres estados completos del prototipo interactivo de BarthMoney: panel, confirmación de gasto asistida por IA y añadido rápido sin conexión
Del prototipo interactivo público de John: panel, confirmación asistida por IA, añadido rápido sin conexión.
El método de trabajo

El mockup se convirtió en una especificación con la que construir.

John no le pide a un solo agente que invente el producto de principio a fin. Le da a cada herramienta un trabajo claro y se reserva las decisiones de producto.

01 · IntenciónDescribir la sensación.

El propósito de la pantalla, su jerarquía, su tono y sus restricciones empiezan en lenguaje llano.

02 · OpenDesignHacerlo visible.

John refina el HTML y el CSS generados hasta que la interfaz tiene una dirección coherente.

03 · SistemaFijar la referencia.

Componentes, espaciados, colores y jerarquía se convierten en una especificación visual compartida.

04 · Cursor + FlutterConstruir el producto.

La estructura se convierte en widgets modulares y lógica de aplicación en el código de John.

OpenDesign dirige la interfazJohn dirige el producto
Flujo reconstruido a partir del relato escrito de John.
Más allá de la pantalla pulida

La IA es opcional. La confirmación no.

Lo más fuerte de BarthMoney no es el número de pantallas. Es el conjunto de decisiones que las conecta: cuándo ayuda la automatización, cuándo debe apartarse y qué promete el producto antes de que el usuario haya introducido nada.

Asistido por IA

Sugerir y luego preguntar.

El chat reconoce un gasto, una categoría y un tipo de cambio — pero la confirmación final sigue siendo del usuario.

Sin conexión primero

Siempre queda un camino directo.

Quick Add funciona sin IA y sin cuenta en la nube, porque la velocidad y la privacidad importan más que el teatro de la automatización.

Primer uso

El estado vacío es una promesa.

Antes de que haya datos, BarthMoney explica qué se queda en local y ofrece una primera acción inequívoca.

Los flujos de varias pantallas y el estado compartido siguen costando más trabajo — justo la parte que John quiere que OpenDesign facilite a continuación.

Qué cambió

El recurso escaso nunca fueron las ideas. Era el tiempo sin interrupciones.

John calcula que OpenDesign recortó su tiempo de prototipado de UI en un 60–70 %. Una semana de ajustes visuales se convirtió en un par de noches, y la dirección de UI principal estuvo lista para pasar a Flutter a los pocos días de la idea inicial.

La ganancia no fue solo velocidad. Le dio a alguien que construye fuera de horario la confianza visual suficiente para dejar de dar vueltas alrededor de la interfaz y volver a lo único que podía hacer él: decidir en qué debía convertirse BarthMoney.

BarthMoney no fue un caso aislado. John también diseñó con OpenDesign el portfolio donde vive ahora ese trabajo — otra forma de convertir una dirección visual en algo concreto.

El veredicto
“Si eres desarrollador en solitario o indie hacker y no tienes diseñador, OpenDesign es tu ventaja injusta.
— John Pavulon, desarrollador en solitario · “Para que puedas centrarte en construir y publicar.”
P.S. · Sigue construyendo fuera de horario
El builder BartX de John, en local, con un experimento de landing page ciberpunk
El pie de John fue simple: “mi proyecto paralelo lol.” BartX, corriendo en local, es otro vistazo a las interfaces raras y muy concretas que sigue construyendo fuera de horario.
Te toca

Saca la interfaz de tu cabeza — y llévala al build.

OpenDesign es gratuito, open source y se ejecuta en tu propia máquina con tus propias claves.

OpenDesign Desktop

Un sistema de diseño. Tu marca, coherente en cada resultado

En el Vibe Design Workspace completo, aplica las mismas reglas de marca a sitios web, presentaciones, prototipos interactivos, dashboards, imágenes y vídeo HTML. Conecta Codex, Claude Code, Cursor y otros agentes de código locales y crea gratis.

  • Web, presentaciones, prototipos, dashboards, imágenes y vídeo
  • Más de 140 sistemas de diseño y la biblioteca completa de plantillas y skills
  • Codex local y más de 21 agentes de código · Gratis
Descargar gratis

Disponible para macOS y Windows