Si alguna vez has hablado con alguien del equipo de diseño de producto de Webflow, te darás cuenta de algo enseguida: están un poco obsesionados con cómo funcionan las cosas en realidad.
No solo con su aspecto, sino con cómo las ideas pasan del concepto al comportamiento, cómo los archivos se mantienen legibles con el paso del tiempo y cómo se toman y comparten las decisiones en una organización de producto que avanza a toda velocidad. Para nuestros diseñadores de producto, el oficio reside tanto en esos sistemas y flujos de trabajo como en la propia interfaz.
Últimamente, esa mentalidad les ha llevado a replantearse cómo diseñar con IA al más puro estilo Webflow: no como un atajo, sino como un potenciador creativo. Una forma de acercarse antes al "material" de la web: interacciones reales, contracciones reales y compromisos reales.
Así que, cuando nuestro diseñador de producto sénior, Jeff Jean-Baptiste (JB para nosotros), se sentó a darnos un adelanto de cómo crean prototipos, organizan y comparten su trabajo, nos pareció el momento perfecto para abrir las puertas.
No lo llamaríamos un "manual". Es una mirada honesta tras bambalinas a los hábitos y decisiones que dan forma a cómo diseña nuestro equipo cada día. Se basa en ideas que ya hemos compartido sobre cómo la creación de prototipos con IA está cambiando nuestro trabajo, pero se centra más en cómo se aplica en la práctica.
Es el tipo de contexto que normalmente solo aprendes cuando ya formas parte del equipo. Así que, tanto si estás creando tus propios productos, como si tienes curiosidad por saber cómo otro equipo de diseño está viviendo este momento o te interesa unirte al nuestro, esperamos que esto te sea útil.
Por qué compartimos esto
Los flujos de trabajo asistidos por IA prometen velocidad, pero la mayoría se desmoronan cuando las cosas se complican. Todos conocemos la realidad: los sistemas de diseño no se crearon para la IA. El aumento de la fricción ralentiza el impulso. Y muchos prototipos se vienen abajo en cuanto entran en juego las interacciones reales o el estado.
Nuestros diseñadores se toparon con las mismas limitaciones, así que rediseñaron los flujos de trabajo en lugar de intentar sortearlas.
Compartimos estos vídeos entre bastidores porque sabemos que nuestro equipo no es el único que está viviendo este cambio. El futuro de la web es interactivo y cada vez más autónomo, y los diseñadores necesitan herramientas (y flujos de trabajo) que no limiten su oficio. Compartir lo que aprendemos abiertamente ayuda a que el trabajo avance para todos.
Diseñar con IA: crear prototipos a la velocidad de la curiosidad
Existe lo rápido y luego está el "lo que antes llevaba una semana, ahora lleva menos de cinco minutos".
Así es como JB describe la creación de prototipos en Cursor, el entorno de programación con IA que utiliza nuestro equipo para diseñar trabajos de alta fidelidad y ricos en interacciones, del tipo que suele quedar plano en las herramientas estáticas. Las pantallas estáticas pueden mostrarte una imagen del producto. Los prototipos basados en código te permiten experimentarlo: estados al pasar el ratón, contenido dinámico, roles de usuario, lógica real... todos esos detalles invisibles que hacen que algo se sienta vivo. Cuando la IA se encarga del andamiaje, los diseñadores pueden centrarse en lo importante: cómo debería sentirse esto realmente en las manos de alguien. Como dice JB:
"Eres libre de pensar en la riqueza de la experiencia en sí misma cuando toda la simulación te sale gratis".
La IA amplía el espacio donde ocurre el oficio al elevar el techo de lo que los diseñadores pueden hacer por su cuenta. Herramientas como Cursor facilitan la exploración y el ajuste de interacciones avanzadas sin tener que esperar al soporte de ingeniería. Cuando los diseñadores trabajan tan cerca del comportamiento real, las decisiones mejoran porque se basan en cómo funcionan las cosas realmente, en lugar de en aproximaciones estáticas.
Su equipo también permite la creación de prototipos en etapas más tempranas en toda la organización de producto con herramientas más ligeras como Figma Make. Esto permite que más personas del equipo conviertan ideas vagas en artefactos tangibles, porque los prototipos son una herramienta de comunicación poderosa para tomar decisiones de mayor calidad. Esto ayuda con la dirección del producto y permite a nuestros diseñadores centrarse donde su oficio y criterio tienen el mayor impacto.
Organizarse para ganar claridad: una configuración de Figma que no hará llorar a tu "yo" del futuro
Todo diseñador de producto ha abierto alguna vez ese archivo de Figma con 40 marcos de exploración amontonados en una página titulada "WIP FINAL_FINAL". Es un caos. Ralentiza la colaboración, apaga la creatividad y convierte la incorporación de nuevos miembros en un trabajo de detectives.
El enfoque de JB es intencionadamente sencillo: una página por semana, etiquetada por fecha.
El resultado es una línea de tiempo viva. Ves cómo las ideas evolucionan sprint tras sprint. Siempre sabes dónde mirar y nada se pierde en el olvido. Al retomar el trabajo después de semanas o meses, estos puntos de referencia ayudan a JB a reorientarse rápidamente, comprender las exploraciones pasadas y encontrar los recursos necesarios sin tener que empezar desde cero.
Es un hábito pequeño, pero envía un mensaje claro: la claridad no es algo estético, es parte de trabajar con eficacia. Y cuando tu equipo abarca múltiples pilares de producto y cinco países, la claridad se convierte en tu lenguaje universal.
“La claridad en el archivo conduce a la claridad en el trabajo. Mantiene a todos avanzando en la misma dirección”.
Los sistemas pequeños crean una gran alineación.
Compartir el trabajo en un equipo totalmente distribuido
Con más de 30 diseñadores, investigadores, diseñadores de contenido y socios de sistemas de diseño —todos ellos trabajando de forma remota—, los rituales son el pegamento que mantiene al equipo alineado.
Las reuniones diarias (stand-ups) sirven para dar visibilidad: asegurarse de que todos puedan entender rápidamente las piezas en movimiento dentro de una plataforma que se actualiza constantemente y está profundamente interconectada.
“Lanzamos actualizaciones constantemente, la velocidad es una locura, así que estar al tanto es fundamental. Las reuniones diarias nos ayudan a ver todas las piezas en movimiento en todo el producto”.
En lugar de mostrar una sola captura de pantalla, JB comparte tres para mostrar el alcance del impacto:
- Dónde vive la función
- Qué superficies o equipos adyacentes se ven afectados
- Qué es lo que realmente se está diseñando
“Uso tres capturas de pantalla para mostrar el panorama completo: dónde vive, a quién afecta y qué está cambiando”.
Luego, ¡de diez! enlaza directamente al documento de requisitos (PRD) y al archivo de diseño para que nadie tenga que buscar contexto en Slack o en la documentación. Este tipo de claridad es tan importante como el pulido de los píxeles.
Sus reuniones diarias son intencionalmente ligeras —30 minutos, aproximadamente un minuto por persona—, pero la ventaja proviene de cómo se estructuran las actualizaciones. Los diseñadores se centran en la prioridad de la semana, mencionan por su nombre a quién necesitan para colaborar (y por qué) y hacen que la actualización sea visual para que el impacto sea fácil de captar. Los análisis profundos ocurren en otros espacios; las reuniones diarias son para ganar claridad, impulso y lograr que las personas adecuadas se alineen rápidamente.
Su reunión mensual de PD es donde pueden ver el panorama general: la visión, la dirección a largo plazo, la integración de la IA y la evolución del oficio como organización de diseño. Si las reuniones diarias son alineación táctica, la reunión mensual de PD es energía estratégica.
Por qué esto es importante (especialmente si estás pensando en unirte a nosotros)
La IA no debería quitarle el lápiz de la mano a un diseñador, solo hacer que su trazo sea más preciso. Para nuestros diseñadores de producto, este trabajo es una extensión de la misión de Webflow: llevar superpoderes de desarrollo a todo el mundo.
Sí, les importan las interfaces hermosas. Pero les importa igual de:
- Diseñar con comportamientos reales desde el principio
- Mantener nuestro trabajo claro e intencional
- Comunicarse como pensadores de producto
- Usar la IA para acercarnos a la experiencia real
- Perfeccionar nuestro oficio juntos
Sobre todo, valoran la curiosidad.
Nuestro equipo está diseñando en un verdadero punto de inflexión, donde la creatividad y la tecnología se cruzan de formas que nos permiten trabajar más cerca del material de la web que nunca. A medida que diseñamos hacia una web nativa de IA y basada en agentes, estos hábitos son nuestra forma de asegurar que el futuro se sienta intencional y natural para nuestros clientes.
Si esto suena como el tipo de equipo de diseño en el que encajarías, bueno... probablemente nos encantaría trabajar contigo.
Siempre buscamos diseñadores curiosos y reflexivos que cuiden hasta el último detalle.
Únete a nuestro equipo
¿Listo para ayudar a dar forma al futuro de la web? Construyámoslo juntos.
