Ahora diseño más con Claude que con Figma — flujo de trabajo de diseñador de Jane Street

Edwin Morris, diseñador en Jane Street, describe cómo Claude Code ha reemplazado en gran medida a Figma en su flujo de trabajo de diseño. En lugar de documentos de especificación, maquetas de Figma y revisiones de propuestas, ahora crea funciones prototipo directamente en la base de código usando Claude Code. El flujo de trabajo: escribir una descripción del problema y una propuesta → abrir el editor con Claude → solicitar con la descripción → obtener un prototipo funcional → iterar → enviar al entorno de desarrollo → recibir comentarios de usuarios → enviar una función (PR).

Cita clave: “Una función prototipo en la base de código real se ha sentido mejor en casi todos los aspectos en comparación con maquetas y documentos.” Morris informa que Claude Code ofrece “iteración gratuita e ilimitada”: refinó un botón de enviar, agregó atajos de teclado, ajustó el texto, modificó indicaciones y añadió mensajes de confirmación. Estas mejoras en el flujo de trabajo “habrían llevado días o semanas de idas y vueltas entre ingeniería y diseño” en su trabajo anterior.

El cambio ocurrió gradualmente. Cuando se unió a Jane Street en el verano de 2025, usaba IA solo para pequeñas correcciones de UX. Para ideas más grandes, todavía usaba Figma y documentos. Pero “en los últimos 2 meses, las situaciones en las que recurría a Figma han caído en picada.” Ahora usa Claude para trabajos más grandes: “media docena de otros prototipos que hacen cambios en la interfaz de usuario, el modelo de datos y la biblioteca, incluyendo algunos con diferencias de más de 2000 líneas.” Para algunas aplicaciones nuevas, incluso omite Figma por completo, “iterando en el diseño visual desde el principio con Claude.”

El único inconveniente: los revisores reciben una función completamente desarrollada en lugar de una maqueta, lo que puede reducir la aportación de diseño. La solución del equipo: escribir un recordatorio en la descripción de que “los prototipos son documentos de propuesta vivos, el código es desechable y el trabajo del revisor es dar retroalimentación sobre el diseño y la experiencia de usuario.” El revisor eventualmente toma la idea e implementa el código de producción en una función separada.