Blog AI/ML DevOps Cloud

Canvases para IA: cómo diseñar experiencias interactivas más allá del chat

Interfaz de canvas de IA con tarjetas, flujos conectados y acciones revisables sobre un entorno cloud

La conversación de texto ha sido una de las interfaces más visibles de la IA generativa, pero no siempre es la mejor superficie para trabajar con sistemas complejos. Un chat funciona bien cuando la tarea cabe en una secuencia lineal de preguntas y respuestas. En cuanto aparecen dependencias, artefactos intermedios, decisiones revisables, visualizaciones o acciones sobre varios sistemas, el modelo conversacional empieza a mostrar sus límites.

Un canvas de IA cambia esa dinámica. En lugar de tratar al modelo solo como un interlocutor que responde en texto, lo sitúa dentro de un espacio de trabajo interactivo. Ese espacio puede contener documentos, diagramas, tarjetas de decisión, resultados de herramientas, cambios de código, flujos de ejecución y controles para aprobar o descartar acciones. La IA deja de estar encerrada en el prompt y pasa a operar sobre objetos visibles, persistentes y manipulables.

La idea conecta con una tendencia más amplia: pasar de interfaces centradas en respuestas a interfaces centradas en trabajo. En ese enfoque, el valor no está únicamente en que el modelo genere texto, sino en que ayude a estructurar una tarea, mantener contexto, coordinar herramientas y producir resultados verificables. Los canvases son una forma práctica de materializar esa transición.

Qué es un canvas de IA

Un canvas de IA es una superficie interactiva donde el usuario, el modelo y las herramientas externas comparten un mismo contexto operativo. No es simplemente una pizarra visual ni una interfaz decorativa para un chatbot. Su valor está en representar el estado de una tarea compleja de forma estructurada, mostrar cómo se conectan sus partes y habilitar acciones sobre esos elementos.

En un chat tradicional, si pedimos ayuda para migrar una aplicación a Azure, el modelo puede devolver una lista de pasos, un diagrama textual y algunos comandos orientativos. El contexto queda disperso en mensajes. Si queremos cambiar una decisión anterior, tenemos que explicarlo de nuevo. Si queremos validar un recurso, necesitamos copiar instrucciones a otra herramienta. Si queremos comparar alternativas, acabamos navegando entre respuestas largas.

En un canvas, la misma tarea podría representarse como un conjunto de nodos: arquitectura actual, servicios candidatos, riesgos, estimación de costes, plan de migración, scripts de despliegue y validaciones. Cada nodo puede ser generado o enriquecido por la IA, pero también editado por una persona. Las acciones críticas, como crear recursos, abrir un pull request o modificar una política, pueden exponerse como controles explícitos sujetos a confirmación.

La diferencia fundamental es que el canvas conserva estructura. El usuario no solo lee una respuesta; trabaja sobre un modelo visual e interactivo de la tarea.

Por qué el chat no escala bien para tareas complejas

El chat tiene una ventaja evidente: reduce la fricción inicial. Cualquier persona puede escribir una petición en lenguaje natural y obtener una respuesta. Sin embargo, esa misma simplicidad se convierte en un problema cuando la tarea requiere memoria de trabajo, trazabilidad y coordinación.

El primer límite es la linealidad. Un hilo de conversación ordena todo en una secuencia temporal, aunque la tarea real no sea lineal. Una investigación de incidentes, una revisión de arquitectura o un refactor de código tienen ramas, hipótesis descartadas, dependencias y artefactos que evolucionan en paralelo. Al forzarlo todo dentro de una conversación, el usuario debe reconstruir mentalmente el estado.

El segundo límite es la ambigüedad del estado. En un chat, no siempre queda claro qué versión de un plan es la vigente, qué decisión ha sido aceptada o qué salida de una herramienta debe considerarse válida. Esto aumenta el riesgo de actuar sobre información obsoleta, especialmente en entornos cloud donde una recomendación puede depender de región, SKU, permisos, red o requisitos de cumplimiento.

El tercer límite es la ejecución. Los modelos pueden sugerir acciones, pero la frontera entre sugerencia y ejecución debe estar cuidadosamente diseñada. En tareas de desarrollo, DevOps o seguridad, no basta con que la IA proponga un comando. Hay que saber qué hará, con qué permisos, contra qué entorno, cómo se audita y cómo se revierte.

Un canvas permite abordar estos tres límites porque convierte la conversación en un espacio de trabajo con estado explícito. El usuario puede ver artefactos, revisar dependencias y aprobar acciones en contexto.

Componentes básicos de una experiencia con canvases

Aunque cada implementación puede variar, una experiencia de canvas suele combinar cuatro componentes: artefactos, contexto, herramientas y acciones. La calidad de la experiencia depende menos del modelo concreto y más de cómo se coordinan estos elementos.

Artefactos visibles y persistentes

Los artefactos son las unidades de trabajo dentro del canvas. Pueden ser tarjetas, documentos, diagramas, fragmentos de código, resultados de análisis, tablas o cualquier otro objeto que tenga identidad propia. Lo importante es que no desaparecen después de una respuesta del modelo. Permanecen en el espacio de trabajo y pueden ser modificados, comparados o referenciados.

En una experiencia para ingeniería de software, un artefacto podría representar una propuesta de cambio en un repositorio. En una experiencia de arquitectura cloud, podría representar una decisión sobre almacenamiento, red o autenticación. En una experiencia de seguridad, podría representar una amenaza, un control mitigador o una evidencia de validación.

La persistencia de los artefactos facilita la colaboración entre humanos e IA. El modelo puede explicar por qué ha generado un elemento, pero el usuario puede corregirlo sin tener que reescribir todo el prompt. Esa corrección se convierte en parte del estado compartido.

Contexto estructurado

El contexto es lo que permite que el modelo actúe de forma útil. En un chat, el contexto suele ser texto acumulado. En un canvas, el contexto puede tener estructura: relaciones entre nodos, metadatos, versiones, permisos, dependencias y estados de aprobación.

Esta estructura es crítica para evitar respuestas genéricas. Un canvas de migración no debería limitarse a “recomendar Azure App Service” si el artefacto de requisitos indica baja latencia, integración con red privada y despliegues blue/green. Un canvas de seguridad no debería sugerir controles sin tener en cuenta identidad, exposición pública o superficie de ataque.

En sistemas con IA, el contexto debe tratarse como un activo de seguridad. Puede contener requisitos, datos sensibles, decisiones técnicas, evidencias de auditoría o fragmentos de código. Si ese contexto se mezcla sin control con instrucciones del usuario, contenido externo o resultados de herramientas, aumenta el riesgo de que el modelo produzca recomendaciones incorrectas o acciones no deseadas.

Herramientas conectadas

Un canvas de IA gana valor cuando puede consultar sistemas externos. Esto puede incluir repositorios de código, pipelines CI/CD, documentación interna, sistemas de tickets, entornos cloud, bases de datos de configuración o herramientas de observabilidad. La IA no trabaja entonces solo con conocimiento preentrenado, sino con información operativa actual.

La conexión con herramientas debe ser explícita y controlada. No todas las herramientas deberían estar disponibles en todos los estados del flujo. Consultar métricas de producción no tiene el mismo riesgo que modificar una regla de firewall. Leer un repositorio no equivale a abrir un pull request. El canvas debe diferenciar capacidades de lectura, propuesta y ejecución.

Esta separación es especialmente importante en organizaciones con políticas estrictas de identidad y acceso. Las decisiones de permisos para herramientas de IA se parecen a las decisiones tradicionales de IAM, pero con una complejidad adicional: el usuario no siempre invoca directamente la acción; puede delegarla en un asistente o agente. Por eso conviene diseñar permisos por capacidad, ámbito y entorno.

Acciones revisables

El canvas no debería ocultar las acciones importantes detrás de una respuesta en lenguaje natural. Si la IA propone modificar código, crear una incidencia, desplegar infraestructura o cambiar una configuración, esa acción debe aparecer como un elemento revisable.

Una acción revisable tiene al menos tres propiedades. Primero, describe qué va a ocurrir con suficiente precisión para que una persona pueda evaluarlo. Segundo, muestra el alcance: repositorio, suscripción, entorno, rama, recurso o identidad afectada. Tercero, deja un rastro auditable de quién aprobó la acción, qué recomendó la IA y qué se ejecutó finalmente.

Advertencia: un canvas no elimina la necesidad de controles de seguridad. Al contrario: al acercar la IA a la ejecución, aumenta la importancia de autorizaciones granulares, confirmaciones humanas y registros de auditoría.

Un ejemplo práctico: canvas para revisar una arquitectura cloud

Imaginemos una herramienta interna que ayuda a revisar arquitecturas en Azure antes de pasar a producción. El objetivo no es que la IA “dé una opinión”, sino que organice la revisión, detecte huecos, proponga mejoras y genere artefactos accionables.

El canvas podría dividirse en varias zonas. A la izquierda, una representación de la arquitectura actual con servicios, dependencias y flujos de datos. En el centro, tarjetas de evaluación por dominio: identidad, red, datos, observabilidad, continuidad y coste. A la derecha, acciones propuestas: crear tareas, generar cambios de infraestructura como código, pedir evidencias o solicitar aprobación de seguridad.

El usuario podría cargar un diagrama, un repositorio de Terraform o Bicep y una descripción de requisitos. La IA procesaría esos elementos para construir un modelo inicial. Después, en lugar de devolver una respuesta larga, generaría tarjetas como “identidad administrada no definida para el componente de ingesta”, “falta política de retención para logs críticos” o “el flujo de datos entre regiones requiere validación de residencia”.

Cada tarjeta tendría estado: pendiente, aceptada, descartada o convertida en acción. Si el usuario descarta una recomendación, el motivo queda registrado. Si la acepta, el canvas puede generar una tarea o un cambio de infraestructura como código para revisión.

El siguiente esquema simplificado muestra cómo podríamos modelar internamente los artefactos de ese canvas en una aplicación TypeScript. No representa una API oficial de ningún proveedor; es una estructura de dominio para ilustrar el patrón.

type CanvasArtifactType =
  | "architecture-node"
  | "risk"
  | "recommendation"
  | "action";

type CanvasArtifactStatus =
  | "draft"
  | "pending-review"
  | "accepted"
  | "rejected"
  | "executed";

interface CanvasArtifact {
  id: string;
  type: CanvasArtifactType;
  title: string;
  description: string;
  status: CanvasArtifactStatus;
  relatedArtifactIds: string[];
  createdBy: "user" | "ai" | "tool";
  evidence?: {
    source: string;
    excerpt: string;
    retrievedAt: string;
  };
  action?: {
    provider: "github" | "azure-devops" | "azure";
    operation: string;
    requiresApproval: boolean;
    target: string;
  };
}

const riskArtifact: CanvasArtifact = {
  id: "risk-managed-identity-missing",
  type: "risk",
  title: "Identidad administrada no definida",
  description:
    "El componente de ingesta accede a recursos de datos, pero no se ha identificado una identidad administrada ni una política de permisos mínimos.",
  status: "pending-review",
  relatedArtifactIds: ["node-ingestion-service", "recommendation-use-managed-identity"],
  createdBy: "ai",
  evidence: {
    source: "infra/main.bicep",
    excerpt: "No se encontró una asignación de identidad en el recurso analizado.",
    retrievedAt: "2026-07-22T10:30:00Z"
  },
  action: {
    provider: "azure-devops",
    operation: "create-review-task",
    requiresApproval: true,
    target: "Architecture Review Backlog"
  }
};

Lo relevante del ejemplo no es el tipo concreto ni los nombres de campos, sino la idea de identidad y trazabilidad. Cada artefacto tiene estado, relaciones, origen y, cuando aplica, una acción asociada. Esto permite que la interfaz muestre el razonamiento de la IA como objetos revisables, no como una respuesta efímera.

Diseño de interacción: del prompt a la manipulación directa

Un buen canvas no sustituye completamente al lenguaje natural. Lo combina con manipulación directa. El usuario puede pedir “evalúa la arquitectura desde el punto de vista de resiliencia”, pero también puede arrastrar una recomendación, marcar una tarjeta como falso positivo o abrir el detalle de una evidencia.

Esta combinación reduce la carga cognitiva. El lenguaje natural sirve para expresar intención; la interfaz visual sirve para revisar, ajustar y ejecutar. Cuando el usuario selecciona un elemento del canvas, el modelo recibe un contexto más preciso que si solo leyera el historial del chat. La pregunta “¿por qué recomiendas esto?” tiene un significado más claro si está vinculada a una tarjeta, un nodo y una evidencia.

También permite construir experiencias progresivas. Un usuario intermedio puede empezar con recomendaciones guiadas, mientras que un usuario avanzado puede abrir la vista de cambios, editar el plan o revisar el diff antes de aprobar. El canvas se adapta mejor a distintos niveles de experiencia que una conversación única para todos.

En desarrollo de software, esta idea encaja con la forma en que los equipos ya trabajan: issues, pull requests, revisiones, pipelines y despliegues. La IA no debería obligar a abandonar esos flujos, sino integrarse en ellos. El reto no está solo en llamar al modelo, sino en diseñar el ciclo completo de interacción, contexto, validación y control.

Arquitectura de referencia para un canvas de IA

Desde el punto de vista de arquitectura, un canvas de IA suele necesitar cinco capas: interfaz, estado, orquestación, herramientas y auditoría. No todas tienen que ser complejas desde el primer día, pero ignorarlas conduce a prototipos difíciles de llevar a producción.

La interfaz gestiona la experiencia visual e interactiva. Puede ser una aplicación web, una extensión de IDE o una vista integrada en una plataforma existente. Su responsabilidad principal es representar artefactos y estados de manera comprensible.

La capa de estado conserva los objetos del canvas. Esto incluye artefactos, relaciones, versiones, decisiones y acciones pendientes. En sistemas simples puede bastar con una base de datos relacional o documental. En sistemas más avanzados puede ser necesario versionado de eventos para reconstruir cómo se llegó a una decisión.

La orquestación coordina las llamadas al modelo y decide qué contexto se envía en cada paso. Esta capa no debería limitarse a concatenar mensajes. Debe seleccionar artefactos relevantes, recuperar evidencias, aplicar políticas y decidir qué herramientas puede invocar el modelo.

La capa de herramientas conecta con sistemas externos. Aquí viven conectores a repositorios, plataformas cloud, sistemas de tickets, documentación o servicios internos. La seguridad de esta capa es crítica porque convierte sugerencias en operaciones.

La auditoría registra decisiones, aprobaciones, entradas relevantes, salidas del modelo y resultados de ejecución. En entornos regulados, esta capa puede ser tan importante como el propio canvas.

El siguiente pseudoflujo muestra una secuencia típica de interacción en un canvas. Está expresado en Python para que sea fácil de leer, pero no depende de un SDK específico.

from dataclasses import dataclass


@dataclass
class Artifact:
    id: str
    title: str
    content: str
    status: str


@dataclass
class ToolResult:
    tool_name: str
    summary: str
    evidence: str


def select_relevant_artifacts(canvas_artifacts: list[Artifact], user_intent: str) -> list[Artifact]:
    """Selecciona artefactos relevantes para la intención del usuario."""
    return [
        artifact
        for artifact in canvas_artifacts
        if artifact.status in ["draft", "pending-review"]
    ]


def call_model(user_intent: str, artifacts: list[Artifact], tool_results: list[ToolResult]) -> str:
    """Construye una petición al modelo con contexto estructurado."""
    context = {
        "intent": user_intent,
        "artifacts": [artifact.__dict__ for artifact in artifacts],
        "tool_results": [result.__dict__ for result in tool_results],
        "instruction": "Devuelve recomendaciones revisables, no ejecutes acciones."
    }

    return f"Modelo invocado con contexto: {context}"


def create_reviewable_recommendation(model_output: str) -> Artifact:
    """Convierte la salida del modelo en un artefacto revisable del canvas."""
    return Artifact(
        id="recommendation-001",
        title="Recomendación pendiente de revisión",
        content=model_output,
        status="pending-review"
    )


canvas_artifacts = [
    Artifact(
        id="arch-001",
        title="Servicio de ingesta",
        content="API interna que procesa eventos y escribe en almacenamiento.",
        status="draft"
    )
]

tool_results = [
    ToolResult(
        tool_name="repository-scan",
        summary="Se detectó configuración de despliegue sin revisión de identidad.",
        evidence="infra/main.bicep"
    )
]

intent = "Evalúa riesgos de identidad en esta arquitectura"
relevant_artifacts = select_relevant_artifacts(canvas_artifacts, intent)
model_output = call_model(intent, relevant_artifacts, tool_results)
recommendation = create_reviewable_recommendation(model_output)

print(recommendation)

La parte más importante del flujo es la instrucción explícita: “Devuelve recomendaciones revisables, no ejecutes acciones”. En una experiencia madura, esa política no debería depender solo del prompt, sino también de controles de aplicación. El modelo puede sugerir, pero la aplicación decide qué operaciones están disponibles y qué aprobaciones exige.

Seguridad: el canvas también es superficie de ataque

Un canvas de IA amplía la superficie de interacción y, por tanto, la superficie de ataque. Hay más contexto, más herramientas conectadas y más oportunidades para que una instrucción maliciosa se convierta en una acción indebida.

Uno de los riesgos más relevantes es la inyección de instrucciones a través de artefactos. Si el canvas importa documentación, issues, comentarios de código o tickets externos, esos contenidos podrían incluir texto diseñado para manipular al modelo. El problema no es teórico: cualquier sistema que mezcle datos no confiables con instrucciones operativas debe separar claramente ambos planos.

También existe riesgo de abuso de acciones. Si un usuario consigue que el modelo proponga un cambio aparentemente legítimo, la interfaz podría facilitar su aprobación sin suficiente revisión. En entornos de identidad, red o seguridad, esto puede tener impacto directo. Una interfaz de IA que automatiza decisiones debe diseñarse con una mentalidad defensiva: validar entradas, limitar permisos, registrar decisiones y hacer visible el impacto de cada cambio.

Las mitigaciones empiezan por separar datos, instrucciones y políticas. Los artefactos importados deben tratarse como contenido no confiable. Las herramientas deben ejecutarse con permisos mínimos. Las acciones críticas deben requerir confirmación humana y mostrar diffs, planes de ejecución o descripciones de impacto. Los logs deben permitir reconstruir qué contexto vio el modelo y qué decisión tomó el usuario.

Nota: en canvases con acceso a recursos cloud, conviene aplicar un modelo de permisos por capacidad. Leer metadatos, generar recomendaciones, abrir una tarea y modificar infraestructura son capacidades distintas y deberían autorizarse por separado.

Patrones de producto que funcionan bien

Los canvases son especialmente útiles cuando la tarea tiene múltiples pasos, múltiples artefactos o múltiples roles. No siempre son necesarios. Para una pregunta puntual, el chat sigue siendo suficiente. El valor aparece cuando la IA debe ayudar a coordinar trabajo.

Un patrón eficaz es el canvas de investigación. El sistema organiza fuentes, hipótesis, evidencias y conclusiones. Este patrón encaja en análisis de incidentes, evaluación de proveedores o investigación técnica. La IA puede resumir y conectar información, pero el usuario conserva control sobre qué evidencias se aceptan.

Otro patrón es el canvas de planificación. Aquí el objetivo es convertir una intención amplia en un plan ejecutable. Por ejemplo, modernizar una aplicación, reducir costes o preparar una migración. El canvas permite ver fases, dependencias, riesgos y tareas generadas.

El tercer patrón es el canvas de cambio controlado. Este es especialmente relevante para DevOps. La IA propone modificaciones de código, configuración o infraestructura, pero cada cambio aparece como un artefacto revisable. El usuario puede inspeccionar el diff, ajustar parámetros y aprobar la creación de un pull request o una tarea.

El cuarto patrón es el canvas de aprendizaje operativo. En lugar de ofrecer documentación estática, la IA guía al usuario sobre un entorno real o simulado. Esto puede ser útil para formación en cloud, laboratorios internos u onboarding de equipos. La clave es que el usuario aprende manipulando objetos y viendo consecuencias, no solo leyendo una explicación.

Errores frecuentes al diseñar canvases de IA

El error más común es construir una interfaz visual que sigue dependiendo de un chat lineal. Si el canvas solo muestra la última respuesta del modelo en tarjetas decorativas, no aporta una mejora real. La estructura debe ser semántica: los objetos tienen estado, relaciones y acciones.

Otro error es permitir demasiada autonomía demasiado pronto. La tentación de “que la IA lo haga todo” es fuerte, pero en entornos profesionales conviene empezar por recomendaciones, después pasar a acciones propuestas y solo más tarde permitir ejecución bajo condiciones estrictas. La autonomía sin trazabilidad reduce la confianza.

También es frecuente subestimar el diseño de estados. Una recomendación puede estar pendiente, aceptada, rechazada, obsoleta o ejecutada. Una acción puede estar generada, aprobada, fallida o revertida. Si estos estados no están claros, el usuario perderá confianza en la herramienta.

Por último, muchos prototipos ignoran la colaboración humana. En organizaciones reales, una decisión de arquitectura o seguridad rara vez la toma una sola persona. El canvas debería permitir comentarios, asignaciones, historial y transferencia entre roles. La IA no reemplaza el proceso de revisión; lo acelera y lo hace más explícito.

Cómo empezar de forma pragmática

La mejor forma de empezar no es construir una plataforma genérica de canvases, sino elegir un caso de uso con dolor claro. Una revisión de arquitectura, una investigación de incidente, una planificación de migración o una revisión de pull request son buenos candidatos porque ya tienen artefactos, decisiones y acciones.

El primer incremento debería centrarse en representar artefactos y permitir que la IA los genere o actualice. No hace falta ejecutar acciones al principio. Basta con que el canvas ayude a organizar la tarea mejor que un chat. Después se pueden añadir conectores de lectura, como repositorios o documentación. Más adelante, acciones de bajo riesgo, como crear tareas o generar borradores de cambios. Finalmente, acciones críticas con aprobación explícita y auditoría.

Una secuencia razonable sería:

  1. Definir el dominio del canvas y sus artefactos principales.
  2. Diseñar estados claros para cada artefacto.
  3. Añadir generación asistida por IA sin ejecución automática.
  4. Conectar fuentes de contexto de solo lectura.
  5. Incorporar acciones revisables con aprobación humana.
  6. Registrar decisiones, contexto y resultados para auditoría.

Este enfoque evita que el proyecto se convierta en una demostración espectacular pero difícil de gobernar. La madurez llega cuando el canvas se integra con los flujos reales de trabajo y respeta los controles existentes.

Conclusión

Los canvases representan una evolución relevante en las interfaces de IA. No sustituyen al chat, pero lo superan cuando la tarea requiere estructura, contexto persistente, herramientas conectadas y acciones revisables. Para equipos cloud, DevOps y seguridad, esta diferencia es clave: muchas de sus tareas no son conversaciones, sino procesos con estado.

Diseñar un buen canvas exige pensar como arquitectos de producto y de plataforma. Hay que modelar artefactos, proteger el contexto, controlar permisos, auditar acciones y ofrecer una experiencia donde la IA ayude sin ocultar la complejidad relevante. El resultado no es una interfaz más vistosa, sino una forma más segura y efectiva de colaborar con sistemas inteligentes.

La oportunidad está en llevar la IA al lugar donde realmente ocurre el trabajo: diagramas, repositorios, planes, revisiones, tickets, pipelines y decisiones. Ahí es donde un canvas deja de ser una metáfora visual y se convierte en una interfaz operativa para tareas complejas.

Fuente