Workflow

Un proceso claro, de la iniciativa a producción.

Cómo trabajo con Digital Workers. Las personas entienden el problema, deciden y validan. Los Digital Workers construyen con el sistema de diseño publicado, y cada paso con riesgo pasa por una puerta humana antes de seguir.

En un vistazo

El recorrido completo

Cinco fases. Toda iniciativa empieza igual y solo se bifurca al construir: o se resuelve con lo que ya tiene el sistema de diseño, o se crea o modifica un componente.

Las personas deciden y validan. Los Digital Workers preparan propuestas, construyen y documentan.

PersonaDigital WorkerPuerta humana
  1. Fase 1

    Entender

    Qué problema hay y para quién.

    • Llega la iniciativaPO · Product Lead
    • Analizar la iniciativaProduct Designer
    • ResearchProduct Designer, con apoyo de un Digital Worker
  2. Fase 2

    Decidir

    Qué propuesta resuelve la iniciativa.

    • Preparar propuestasDigital Worker, dirigido por el Product Designer
    • Decidir el caminoProduct Designer
  3. Fase 3

    Construir

    Con el sistema, nunca dibujado a mano.

    • A · Iterar pantallasDigital Worker · Iteraciones
    • B · Evolucionar componentesDigital Worker · Sistema de diseño
  4. Fase 4

    Validar

    Dos miradas humanas antes de seguir.

    • AprobarProduct Designer
    • Segunda validaciónPO · Product Lead
  5. Fase 5

    Publicar

    Solo cuando ha cambiado el sistema.

    • Publicar la libreríaProduct Designer
    • ImplementarFront-end

    Una iteración del camino A termina en la fase 4.

Debajo, el mismo recorrido paso a paso: quién hace cada cosa y dónde decide una persona.Ver el flujo en detalle

El flujo en detalle

De la iniciativa a producción, paso a paso

Recorre la entrada hasta la decisión y elige un camino al final. El camino se abre a continuación, y desde la barra de arriba puedes volver al principio o pasar al otro. Pulsa cualquier paso para ver qué pasa en él.

1 · Iniciativa

2 · Análisis

3 · Research

4 · Propuestas

5 · Decisión

Elige un camino

PersonaPO · Product Lead
PersonaProduct Designer
Digital WorkerIteraciones
Digital WorkerSistema de diseño
PersonaFront-end

1 · Iniciativa

2 · Análisis

3 · Research

4 · Propuestas

5 · Decisión

Elige un camino

Lo que leen los Digital Workers

Librería publicada · «DS Library»

Lo único con lo que se compone una pantalla. Se importa por su key publicada.

Skill propio · «/figma-agent»

El del Digital Worker de iteraciones: jerarquía de construcción, receta de clonar y desvincular, regla del padding y checklist.

Registro y documentación

El del Digital Worker del sistema de diseño: las keys, nodos y ejes de cada componente, y un documento por componente con anatomía, tokens y accesibilidad.

Responsabilidades

Quién hace qué, y qué no hace nunca

Por eso las puertas están donde están.

Persona

PO · Product Lead

Trae la iniciativa y hace la segunda validación.

Nunca edita la librería.

Persona

Product Designer

Analiza, dirige el research, decide el camino, aprueba cada iteración y cada cambio, y publica.

Nunca publica nada sin verificar.

Digital Worker

Iteraciones

Monta pantallas con la librería publicada en el archivo del equipo y devuelve lo que falta.

Nunca toca la librería.

Digital Worker

Sistema de diseño

Prepara propuestas con el sistema, construye en la librería, verifica y documenta en la misma tarea.

Nunca publica, ni renombra o borra sin aprobación.

Persona

Front-end

Implementa contra la key publicada y el contrato escrito.

Nunca copia valores de una captura.