> ## Documentation Index > Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # 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 Stripe. 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. ``` This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.