DMarlon Studio

Capítulo 4

IA en el Diseñador

Chat con Claude Code y «Pedir a la IA».

Chat con Claude Code

El botón Chat con Claude Code (el robot de la barra) despliega un panel a la derecha. Describa el cambio y pulse Intro (Mayús+Intro hace un salto de línea).

  • Usa la Claude Code instalada en su equipo y su sesión: no necesita clave de API.
  • Antes de cada mensaje el estudio guarda el proyecto. Claude Code lee y edita el diseño (project.dmsproj) y el código de la ventana, sin terminal.
  • Al terminar, el diseño y el código nuevos se cargan en el Diseñador como un solo paso que se puede deshacer.
  • La conversación sigue entre mensajes; la papelera empieza una nueva.
  • El clip 📎 adjunta imágenes (un boceto, una captura) o archivos de texto: Claude Code los lee sin que entren en el proyecto.
Panel de Claude Code en el Diseñador
El panel de Claude Code, a la derecha del formulario.

Pedir a la IA

Pedir a la IA usa el proveedor configurado en Ajustes (Claude por defecto) y tiene tres modos:

  • Cambiar: modifica la ventana actual («Añade un campo de teléfono y alinea los botones»).
  • Ventana nueva: diseña una ventana desde cero; puede Adjuntar un boceto (una imagen).
  • Código de un componente: con un componente seleccionado, escribe el método de su evento principal.

La respuesta llega como Propuesta de la IA: se revisa antes de aplicarla y, una vez aplicada, se deshace en un paso.

Presupuesto de IA

El botón de la cartera (Presupuesto de IA) muestra lo gastado en Claude en el proyecto: por herramienta (Claude Code, Claude implementa, Pedir a la IA, chat), por modelo y por día, con las últimas llamadas y sus tokens.

  • Se puede poner un Tope (US$), Mensual o Total. Avisa al 80 % y, con Bloquear al agotarse, la IA deja de responder en ese proyecto hasta que se suba.
  • Los costes usan la tarifa de la API de Anthropic. Con una suscripción de Claude, el de Claude Code es su equivalente en API, no lo que se cobra.

GitHub

  • El botón GitHub del Diseñador conecta su cuenta con un token (se guarda solo en este equipo).
  • Publicar en GitHub crea el repositorio (privado o público), hace el primer commit y lo sube.
  • Ya publicado: lista los cambios, pide el Mensaje del commit y Confirmar y subir; también Traer cambios y Abrir en GitHub.