Diseño

Diseños, imágenes, iconos, fotos y diseño visual para tu proyecto.

Diseño personalizado

Muestra al agente cualquier imagen, captura de pantalla o boceto y este se adapta al estilo. Elige tipografías, colores, espaciado y diseños según las indicaciones que le des. Todo es responsive en todos los dispositivos por defecto.

Cómo usarlo

Describe el aspecto y la sensación que quieres transmitir. Comparte capturas de pantalla, moodboards o sitios de referencia. Escribe “hazlo más bonito” en cualquier momento para retocar el diseño.

Ejemplos de prompts:

Crea una landing page para mi SaaS de inventario para restaurantes.
Quiero que transmita una sensación limpia y de confianza, similar
a Linear o GitHub. Sección hero oscura con una maqueta del
producto, cuadrícula de funcionalidades con iconos y una tabla de
precios de tres niveles al final.

Rediseña mi página de inicio usando esta captura de Airbnb como
referencia. Gestiono alquileres vacacionales en el Algarve y quiero
un diseño similar pero con colores más cálidos, terracota y crema.
Mantén la barra de búsqueda destacada y añade una sección para
nuestras 6 propiedades destacadas.

Retoca mi sitio para que se sienta más premium y editorial. Soy
estratega de marca para clientes de moda de lujo. Piensa en Vogue
combinado con una agencia de alta gama. Usa imágenes grandes a
sangre completa, poco texto y mucho espacio en blanco por todas
partes.

Crear y editar imágenes

Describe una imagen y el agente la crea. Sube una foto y dile qué quieres cambiar. Sube cualquier imagen y pide que le quite el fondo. Cada imagen obtiene un enlace permanente. Tú eliges el formato: horizontal, cuadrado o vertical.

Las ediciones pueden usar más de una imagen. Sube la foto que quieres cambiar junto con hasta 13 imágenes de referencia, y el agente toma de ellas el estilo, los colores o los objetos y los aplica a la imagen original.

Eliminar el fondo produce un PNG realmente transparente que puedes colocar sobre cualquier fondo.

Cómo usarlo

Describe cómo debe verse la imagen: estilo, ambiente, colores, tema. Para ediciones, sube la imagen y explica los cambios. Cuando añadas referencias, di cuál es la imagen que hay que cambiar y qué tomar de las demás. Para eliminar el fondo, simplemente súbela y pídelo.

Ejemplos de prompts:

Genera una imagen hero para mi landing page de fintech. Quiero un
degradado abstracto y fluido en tonos azul oscuro y morado con
formas geométricas sutiles. Formato horizontal para que ocupe todo
el ancho de la página.

Quita el fondo de cocina desordenado de esta foto de producto de
nuestro jarrón de cerámica. Sustitúyelo por un fondo beige limpio y
suave, y mantén las sombras naturales para que siga viéndose
realista.

Crea tres ilustraciones planas para el flujo de onboarding de mi
SaaS: una para la configuración de la cuenta, otra para la
colaboración en equipo en un panel y otra para la celebración al
completarlo. Usa verde azulado y naranja cálido como colores
principales.

Edita la primera foto de nuestro sofá para que coincida con la
iluminación y el suelo de madera de la segunda foto, y añade a su
lado la planta de la tercera foto. Deja el sofá exactamente igual.

Icono del sitio

Genera un favicon para la pestaña del navegador. Los diseños sencillos funcionan mejor porque los favicons son diminutos. Piensa en formas llamativas, letras sueltas o iconos minimalistas.

Cómo usarlo

Describe el icono que quieres. Menciona el nombre de la marca, los colores y el estilo. Cuanto más simple, mejor se ve en tamaños pequeños.

Ejemplos de prompts:

Crea un favicon para mi tostadero de café llamado "Ember". Que sea
un icono minimalista de llama en naranja quemado sobre fondo
oscuro. Tiene que reconocerse a 16x16 píxeles, así que mantenlo
simple.

Genera un favicon para mi consultora. Solo la letra "A" en una
tipografía sans-serif limpia, texto blanco sobre un círculo azul
marino. Debe encajar con el tono profesional del resto del sitio.

Crea un favicon para mi app de fitness llamada "Pulse". Usa un
icono de línea de latido en verde brillante sobre negro. Algo
enérgico y moderno, al estilo del icono de Strava.

Buscar fotos

Busca fotos de stock gratuitas y las añade directamente a tu proyecto. Sin costes de licencia ni atribución. Filtra por orientación, tamaño y color.

Cómo usarlo

Describe las fotos que necesitas: tema, ambiente, iluminación y dónde irán en el sitio.

Ejemplos de prompts:

Búscame 4 o 5 fotos de estilo de vida para un sitio web de
coworking. Necesito imágenes de gente trabajando en oficinas
modernas y luminosas con luz natural, portátiles abiertos y algunas
fotos de colaboración en equipo. Horizontal para el hero y recortes
cuadrados para la sección de equipo.

Busca fotografía cálida de comida para mi restaurante de kilómetro
cero. Primeros planos de platos servidos, mesas de madera rústica e
ingredientes frescos. Tonos térreos, nada demasiado producido o
artificial.

Búscame una foto hero para la landing page de mi startup fintech.
Algo abstracto y profesional. Skyline al atardecer, arquitectura
limpia o un fondo sutil con temática tecnológica. Formato ancho,
tonos azules fríos.

Buscar iconos

Busca en una biblioteca de iconos, ilustraciones y emojis. Obtienes conjuntos a juego en el mismo estilo, en lugar de iconos dispares de distintas fuentes. Personaliza colores, tamaño y estilo. SVG o PNG.

Cómo usarlo

Describe qué iconos necesitas y dónde irán. Menciona el estilo (de línea, relleno, plano) y los colores. Pedir juntos los iconos relacionados los mantiene coherentes entre sí.

Ejemplos de prompts:

Búscame un conjunto de iconos de línea a juego para la sección de
funcionalidades de mi SaaS: analítica, colaboración, seguridad,
integraciones y soporte. Todos en el mismo estilo de línea
minimalista, color azul marino.

Busca ilustraciones coloridas para el flujo de onboarding de una
app de bienestar. Necesito una para cada paso: crear un perfil,
establecer objetivos de salud, conectar un dispositivo wearable y
ver el primer informe.

Consígueme un conjunto de iconos rellenos para el pie de página de
mi sitio de e-commerce: camión de envío, flechas de devolución,
candado de pago seguro y burbuja de chat de soporte. Gris oscuro,
estilo consistente, alrededor de 24px de tamaño.

Generar vídeo

Describe una escena, la presentación de un producto o una animación corta y el agente la genera. Los vídeos generados se guardan directamente en tus archivos para que puedas usarlos en cualquier parte de tu proyecto o insertarlos en tu app. También puedes aportar una imagen de referencia como fotograma inicial y describir qué debe pasar después.

Cómo usarlo

Describe el vídeo: tema, movimiento, ambiente, ángulo de cámara y estilo. Menciona la duración (5 o 10 segundos) y la orientación si es relevante. Para animar a partir de una imagen existente, compártela y explica qué debe pasar.

Ejemplos de prompts:

Genera un vídeo hero de 5 segundos para la landing page de mi SaaS.
Un panel limpio en modo oscuro con gráficos de datos brillantes, un
alejamiento de cámara suave y una sensación tecnológica futurista.
Formato horizontal.

Crea un vídeo de fondo en bucle para mi app de meditación. Un lento
sobrevuelo aéreo sobre un bosque montañoso con niebla al amanecer.
Azules y verdes suaves. Orientación vertical para pantallas
móviles.

Anima esta foto de producto de nuestro frasco de perfume en un
clip corto. Debe girar lentamente mientras una luz dorada recorre
el cristal. Fondo blanco limpio, 5 segundos, horizontal.