Diseñar con IA funciona mejor como un bucle: usted describe, la IA redacta, usted juzga y refina, y repite. La IA es rápida a la hora de producir opciones. Eres responsable de elegir el correcto.
Paso 1: escribe un resumen. Describa el usuario, la tarea, el contenido y cualquier restricción. "Una pantalla de configuración para una aplicación de presupuesto, para personas en teléfonos, con secciones para cuenta, notificaciones y privacidad, usando nuestros componentes existentes" dará un resultado mucho mejor que "crear una página de configuración".
Paso 2: generar borradores. Las herramientas de solicitud de interfaz de usuario, como Google Stitch o el asistente de inteligencia artificial de UXPin, convierten una descripción o un boceto en pantallas. Pide varias variantes y compáralas, en lugar de aceptar la primera.
Paso 3: perfeccionar una herramienta de diseño. Lleve el mejor borrador a Figma, Penpot u otro editor. Corrija la jerarquía, el espaciado y la copia, y diseñe los estados que la IA suele omitir: cargando, vacío, error y deshabilitado.
Paso 4: conéctese al código. Las herramientas de codificación de IA como Claude Code y Cursor pueden crear la interfaz. Los resultados son mucho mejores cuando pueden leer su diseño a través de un servidor MCP. Figma y Penpot tienen uno. Para partes interactivas y animadas, ExodeUI, que fabricamos, tiene un servidor MCP que permite a la IA crear y editar animaciones con estados y física de resorte a partir de indicaciones en lenguaje sencillo, almacenadas en un archivo .exode abierto que reproduce su aplicación.
Paso 5: revise antes de enviar. Verifique el uso del teclado y del lector de pantalla, el contraste, el movimiento reducido, las pantallas pequeñas y grandes y el texto largo o traducido. Trate los resultados de la IA como el trabajo de un compañero de equipo rápido pero nuevo: útil, pero siempre revisado.