Todo proyecto llega al momento en que la app necesita un icono, la landing necesita una imagen principal y los estados vacíos necesitan algo mejor que cajas grises. Puedes generar todo eso sin salir de la terminal. El servidor MCP de Picasso IA permite que Claude Code llame a modelos de imagen desde la misma sesión en la que escribes código, y los resultados vuelven como archivos que puedes guardar en la carpeta del proyecto. Tú sigues decidiendo qué se publica.
La mayoría de los desarrolladores gestiona mal los recursos visuales, y no por falta de gusto. La rutina habitual es dejar de programar, abrir una herramienta de diseño o un banco de imágenes, buscar, descargar, renombrar el archivo, moverlo al repo y luego intentar acordarse del prompt original. Cada paso es pequeño. Juntos explican por qué un prototipo conserva sus cajas grises durante tres semanas.
Mantener la petición dentro de la sesión de código elimina los traspasos. Claude Code ya sabe qué es tu proyecto: el framework, la estructura de carpetas, el componente que espera una imagen, los colores de tu hoja de estilos. Cuando pide una imagen principal a un modelo, puede escribir el prompt a partir de ese contexto en lugar de obligarte a explicar de nuevo el producto en otra pestaña del navegador. El archivo aterriza donde el componente lo espera, y el prompt que lo produjo puede quedar en un mensaje de commit o en un comentario.
La segunda razón es el rango. Picasso IA ejecuta 502 modelos detrás de una sola interfaz, 212 de ellos de texto a imagen, así que un icono, una imagen fotográfica y una ilustración plana pueden ir cada uno al modelo que mejor maneja ese estilo, sin que tengas una cuenta distinta para cada motor. El catálogo completo muestra lo disponible, y los mismos modelos funcionan en el toolkit si prefieres probar un prompt antes en el navegador.
MCP, el Model Context Protocol, es un protocolo abierto que permite a un asistente de IA llamar a herramientas externas. El servidor MCP de Picasso IA es una de esas herramientas: cuando un cliente compatible con MCP, como Claude Code, está conectado a él, el asistente puede generar imágenes, video, voz y más desde el catálogo durante la conversación.
La configuración es deliberadamente corta. Creas una clave de API en tu cuenta, añades el servidor de Picasso IA a Claude Code siguiendo las instrucciones del propio cliente para añadir un servidor MCP, y le das la clave. Trata esa clave como una contraseña. Mantenla fuera del repositorio, de las capturas de pantalla y del historial compartido de la terminal, y guárdala como guardas cualquier otro secreto del proyecto. Si se filtra, sustitúyela desde tu cuenta.
Las generaciones usan el mismo sistema de créditos que el toolkit, así que cada imagen cuesta créditos que dependen del modelo y de los ajustes que elijas. Las cuentas nuevas reciben créditos gratis, y la página de precios es el único sitio donde figuran los planes. Nada de esto necesita una hoja de especificaciones: una petición produce una generación, y el resultado vuelve como un archivo que puedes descargar.
No todos los recursos de un proyecto encajan, y no todos los modelos sirven para todo. Esta tabla empareja las peticiones habituales con modelos del catálogo que merece la pena probar primero, más la comprobación que importa antes de que el archivo entre en un commit.
| Recurso | Qué pedir | Modelos para probar | Comprueba antes de publicar |
|---|
| Icono de app | Un símbolo centrado, formas planas, fondo liso, sin texto | recraft-v4-svg, flux-2-pro | Legibilidad en tamaños pequeños, parecido con iconos existentes |
| Imagen principal de landing | Escena ancha con espacio vacío donde irá el titular | seedream-5-pro, imagen-4, flux-2-pro | Encaje con la marca, detalles raros, recorte en pantallas estrechas |
| Arte provisional | Imágenes simples y neutras que respeten las dimensiones del diseño | p-image, nano-banana | Sustituir o revisar antes del lanzamiento |
| Sprite transparente | Sujeto sobre fondo liso y luego quitar el fondo | nano-banana, bria/remove-background | Bordes limpios en pelo, cristal y líneas finas |
| Resultado blando o pequeño | Copia ampliada de una imagen que ya te gusta | p-image-upscale | Artefactos nuevos introducidos al ampliar |
Dos hábitos ahorran créditos. Primero, genera el icono con varios estilos distintos antes de comprometerte con uno, porque un estilo que se lee bien a 512 píxeles puede volverse papilla a 32. Segundo, anota las dimensiones del hueco antes de pedir. Una imagen principal para un banner ancho y otra para una tarjeta estrecha son imágenes distintas, y pedir la proporción correcta sale más barato que recortar una equivocada.
Para ver más a fondo tipos concretos de recurso, las páginas sobre gráficos vectoriales e iconos SVG, PNG transparentes y recursos para videojuegos entran con más detalle en prompts y elección de modelos.
Este es el ciclo completo, desde una carpeta vacía hasta archivos que te atreverías a subir al repo.
- Conecta Claude Code a Picasso IA. Crea una clave de API en tu cuenta, añade el servidor MCP de Picasso IA a Claude Code y guarda la clave como secreto, nunca en el repositorio.
- Describe el recurso y dónde va. Cuéntale a Claude Code para qué es la imagen, sus dimensiones, el estilo y la carpeta a la que pertenece, por ejemplo una imagen ancha para la home guardada en la carpeta de imágenes del proyecto.
- Deja que Claude Code elija un modelo y genere. Nombra un modelo como flux-2-pro o seedream-5-pro si tienes preferencia, o deja que elija, y pide varias variantes para comparar en lugar de aceptar el primer resultado.
- Revisa tú cada resultado. Abre los archivos, míralos al tamaño en que se mostrarán y pide otra ronda cambiando una sola cosa cada vez: la paleta, el encuadre, la cantidad de espacio vacío.
- Guarda, limpia y sube. Conserva los archivos que de verdad uses, borra el resto, pasa si hace falta un quitafondos o un escalado, y anota el prompt en el mensaje del commit para que la siguiente persona pueda reproducir el estilo.
Un prompt para un recurso de proyecto se parece más a un brief de diseño corto que a un poema. Di para qué es la imagen, qué debe aparecer y qué no. Claude Code puede completar el contexto a partir de tu proyecto, pero eres tú quien sabe si el producto es juguetón o serio, así que dilo en el prompt.
Para iconos, pide un solo motivo, formas planas o con sombreado ligero, fondo liso y nada de texto. Los modelos todavía tienen problemas con las letras dentro de las imágenes, así que deja las palabras para tu interfaz real. Para imágenes principales, describe una escena y deja aire: una composición ancha con una zona tranquila a la izquierda donde irá el titular le da algo con lo que trabajar a tu diseño. Para los recursos provisionales, mantén el motivo neutro y coherente para que la página se vea consistente mientras se prepara la fotografía real.
Genera tres variantes antes de decidir y júzgalas al tamaño real de uso. Una imagen que luce genial a pantalla completa en una vista previa puede ser ilegible como favicon de 32 píxeles o demasiado cargada detrás de una línea de texto blanco.
Cuando un resultado se acerca pero falla, cambia una cosa por ronda. Si reescribes todo el prompt cada vez, pierdes la pista de lo que ayudó. Y si necesitas un set de imágenes emparentadas, como cinco ilustraciones de funcionalidades, repite la misma frase de estilo en cada petición y deja el motivo como única variable. La página de efectos es una forma rápida de encontrar palabras de estilo a las que los modelos responden.
Este flujo es bueno para conseguir la primera versión utilizable de un recurso. No sustituye a un diseñador y tiene límites que conviene prever.
- Generar lleva tiempo y cuesta créditos: cada petición es una generación real en un modelo real, así que un ciclo de diez reintentos son diez cargos, y un lote largo hace esperar a tu sesión.
- Los modelos son distintos: el mismo prompt da un icono limpio en un modelo y una escena recargada en otro, así que cuenta con probar dos o tres antes de dar con el que encaja.
- Texto pequeño y formas exactas: las letras, los detalles diminutos y la geometría estricta son donde más fallan los modelos, así que un logo que debe ser preciso sigue perteneciendo a un editor vectorial.
- El encaje con la marca lo juzgas tú: una imagen generada no recuerda tu manual de marca, y debes comprobar colores, tono y parecido con marcas existentes antes de que aparezca en un producto.
- La licencia hay que mirarla: revisa los términos que se aplican al modelo y a tu cuenta, y las reglas de cualquier tienda o plataforma donde publiques, antes de lanzar algo comercial.
Nada de eso es motivo para saltarse la herramienta. Es la razón por la que el paso de revisión del ciclo de cinco pasos no es opcional, y por la que esto encaja mejor con provisionales, prototipos y primeros borradores que con el trabajo final de marca.
¿Puede Claude Code generar imágenes por sí solo?
Claude Code trabaja con texto y código, así que para las imágenes necesita un modelo de imagen detrás de una herramienta. El servidor MCP de Picasso IA lo aporta: una vez conectado, Claude Code puede llamar a modelos de imagen del catálogo durante la sesión. Tú describes el recurso, él hace la petición y el resultado vuelve como un archivo que puedes guardar en tu proyecto y revisar antes de usarlo.
¿Qué necesito para conectar Claude Code a Picasso IA?
Una cuenta, una clave de API creada en esa cuenta y el servidor MCP añadido a Claude Code desde los ajustes del propio cliente para servidores MCP. Trata la clave como una contraseña y mantenla fuera de tu repositorio. Las generaciones se pagan con créditos, y las cuentas nuevas empiezan con créditos gratis. Si algo no conecta, soporte puede ayudarte con los detalles de tu configuración.
¿Qué modelos sirven para iconos de app?
Los modelos orientados a vectores como recraft-v4-svg encajan con símbolos planos, y modelos generales como flux-2-pro o nano-banana también pueden producir iconos limpios si pides un solo motivo centrado sobre fondo liso. Prueba dos o tres y comprueba cada uno a su tamaño real más pequeño. Quédate con el que sigue siendo legible, no con el que mejor luce en una vista previa grande.
¿Puedo generar una imagen principal para mi landing?
Sí, y las composiciones anchas son un buen terreno. Describe la escena, indica la proporción de tu banner y pide espacio vacío donde irá el titular. Modelos como seedream-5-pro, imagen-4 y flux-2-pro merecen una comparación. Revisa también el recorte en pantallas estrechas, porque una imagen que funciona en escritorio puede perder a su protagonista en un teléfono.
¿Dónde acaban los archivos generados?
Cada generación vuelve como un archivo. En la práctica le dices a Claude Code qué carpeta del proyecto debe contenerlo, y el archivo se guarda allí para que un componente pueda referenciarlo. Si quieres poder reproducirlo, pon el prompt y el nombre del modelo en el mensaje del commit o en una nota breve junto al recurso.
¿Cuánto cuesta generar imágenes para un proyecto?
Cada generación cuesta créditos, y la cantidad depende del modelo y de los ajustes que elijas, así que no hay una cifra única que citar. Las cuentas nuevas reciben créditos gratis para probar el flujo. Los planes actuales y lo que incluyen están en la página de precios, que es el único sitio fiable para los números. Un ciclo con muchos reintentos cuesta más que uno con un buen primer prompt.
¿Es seguro publicar imágenes generadas con IA en una app comercial?
Puede serlo, pero la decisión es tuya y hay que comprobarlo. Revisa los términos que se aplican al modelo y a tu cuenta, mira las reglas de la tienda de apps o la plataforma donde publicas y confirma que nada en la imagen se parece a una marca existente o a una persona real. Para cualquier asunto legal o contractual, consulta a un profesional cualificado. Trata el arte generado como borrador hasta haber hecho esa revisión.
¿Puede hacer un logo para mi proyecto?
Puede producir conceptos de logo, útiles para explorar direcciones. Es débil en lettering exacto y geometría precisa, así que un logo final suele necesitar redibujarse en un editor vectorial. Para marcas críticas, usa el resultado como boceto para un diseñador. Si solo necesitas un símbolo para un prototipo o una herramienta interna, un icono generado suele bastar.
¿Puedo quitar el fondo o ampliar una imagen en la misma sesión?
Esas herramientas viven en el mismo catálogo, con modelos de eliminación de fondo y de escalado, así que puedes pedirle a Claude Code que pase una imagen por ellos después de generarla. Comprueba el resultado sobre fondo oscuro y claro, porque los bordes alrededor del pelo, el cristal y las líneas finas son donde falla la eliminación. Si quieres probar antes los modelos, el toolkit ejecuta el mismo catálogo en el navegador.
¿Puedo probar un prompt antes de integrarlo en mi flujo de trabajo?
Sí. El toolkit ejecuta hoy el mismo catálogo: elige un modelo, escribe el prompt, adjunta archivos de referencia si los tienes y genera. Es la forma más fácil de aprender qué modelo entiende tus palabras de estilo y qué ajustes cambian el coste. Cuando un prompt funcione allí, puedes pedirle lo mismo a Claude Code dentro de tu proyecto.
Tu próxima imagen principal puede salir de la misma terminal que tus commits. Prueba un prompt primero en el toolkit o pregunta a soporte si quieres ayuda para planificar la configuración.