Buy Me a Coffee at ko-fi.comBuy Me a Coffee at ko-fi.com

Tu kit de prototipado

<DummyContent/>

Generador gratuito de contenido dummy

El contenido dummy es el texto, las imágenes y los medios de relleno que se usan para maquetar un diseño mientras el contenido real todavía se está escribiendo. Este generador gratuito produce los tres — imágenes dummy desde una URL, texto dummy en español e inglés e iframes dummy embebibles — sin registro, sin límites y sin necesidad de atribución.

Explorar herramientas

01 — HERRAMIENTAS

Tres generadores de contenido dummy

02 — LA HISTORIA

Todo lo que necesitás saber sobre el contenido que no necesita decir nada.

01

¿Qué es el contenido dummy?

El contenido dummy — también llamado contenido placeholder o contenido de relleno — es cualquier texto, imagen o medio que ocupa el lugar del contenido real mientras se diseña un sitio, una aplicación o una pieza impresa. No tiene significado propio. Su única función es ocupar el mismo espacio que va a ocupar el contenido definitivo, para que quien mire el diseño juzgue la maqueta y no el texto.

El término abarca varias cosas que suelen nombrarse por separado. El texto dummy es el clásico párrafo de lorem ipsum. Las imágenes dummy son esos rectángulos grises con sus propias dimensiones escritas encima, o los paisajes y avatares redondos que hacen que un mockup se sienta más terminado. Los datos dummy son los nombres, fechas, precios y registros inventados que vuelven creíble una tabla o un dashboard. Todo eso es contenido dummy.

El contenido dummy es deliberadamente descartable: existe para ser reemplazado. Un buen placeholder hace evidente su propio reemplazo — nadie publicó nunca una página con «Lorem ipsum dolor sit amet» en el título sin que alguien se diera cuenta antes.

02

¿Para qué se usa el contenido dummy?

La razón práctica son los tiempos. El contenido real casi nunca está listo cuando lo está el diseño. Esperar a tener el texto aprobado, la fotografía licenciada y la base de datos cargada antes de poder ver una maqueta frenaría la mayoría de los proyectos antes de empezar, así que se rellenan los huecos con contenido dummy y se sigue avanzando.

La segunda razón es menos obvia y pesa más. El texto legible distrae. Cuando alguien revisa un mockup lleno de frases reales, lee las frases y comenta la redacción — no la jerarquía, ni el espaciado, ni el ritmo de la página. El relleno sin significado devuelve la atención al diseño. Por eso justamente el lorem ipsum, que parece latín pero no dice nada, sobrevivió a cinco siglos de tecnología de composición tipográfica.

El contenido dummy también es una prueba de estrés. Una card que se ve impecable con un título de seis palabras se rompe con uno de cuarenta; una grilla elegante con cuatro imágenes se desarma con trece. Generar texto de relleno con una cantidad exacta de palabras o caracteres, e imágenes de relleno con una proporción exacta, es la forma de encontrar esos puntos de quiebre antes que los usuarios reales.

03

¿De dónde viene el contenido dummy?

La forma más conocida de contenido dummy es el lorem ipsum, un pasaje en latín desordenado tomado de De finibus bonorum et malorum de Cicerón, escrito en el año 45 a. C. Un impresor anónimo del siglo XVI mezcló sus palabras para armar un muestrario tipográfico, y ese mismo texto desordenado se viene reutilizando desde entonces: primero en muestrarios de tipografía móvil, después en las hojas de calcomanías Letraset de los años sesenta, más tarde en el software de autoedición desde los ochenta, y finalmente en todas las herramientas de diseño de la web.

Las imágenes dummy llegaron mucho después, con el navegador. Una etiqueta <img> necesita un src bastante antes de que exista la fotografía, así que aparecieron los servicios de imágenes placeholder: URLs que devuelven una imagen generada del tamaño que se les pida. Los iframes dummy y los datos dummy siguieron la misma lógica, un hueco a la vez. El contenido dummy de hoy es simplemente la suma de todas esas tradiciones: relleno para cada tipo de agujero que puede tener una página.

04

¿Qué tipos de contenido dummy podés generar acá?

Este sitio cubre los tres tipos de relleno que necesita una maqueta típica, y cada uno es una herramienta separada. Todo se genera en el momento: no se guarda nada, no hay cola de procesamiento y no hay ninguna cuenta que crear.

Imágenes dummy

El generador de imágenes dummy construye un SVG en memoria y lo sirve desde una URL parametrizada, así que podés pegar esa URL directo en una etiqueta <img>, en un background de CSS o en un frame de Figma. Elegís el ancho y el alto en píxeles, los colores de fondo y de texto, y uno de cuatro diseños: un bloque de color sólido con las dimensiones escritas encima, una ilustración de paisaje, un avatar de usuario o una textura generada. Paisajes, avatares y texturas vienen con seis variantes cada uno.

Texto dummy

El generador de texto dummy produce lorem ipsum en español o inglés, medido como realmente lo necesitás: por cantidad total de palabras o por cantidad total de caracteres, repartido en la cantidad de párrafos que quieras. Cada párrafo arranca en mayúscula y termina en punto como prosa real, y podés envolver el resultado en etiquetas <p> si lo vas a pegar en HTML en vez de en una herramienta de diseño.

Iframes dummy

El generador de iframes dummy te da una página embebible completa en lugar de un asset suelto — útil cuando necesitás llenar un slot de embed, probar un contenedor de iframe o mostrar un widget. Hay cuatro maquetas: un artículo, un artículo con imagen de portada, una grilla de imágenes y un listado de cards. Cada una se arma con texto e imágenes dummy de las otras dos herramientas, así que el resultado parece una página real y no un recuadro gris.

05

Cómo usar la URL de imágenes dummy

El generador de imágenes está pensado para usarse sin entrar al sitio. La ruta lleva todos los parámetros, así que una vez que conocés la forma de la URL podés escribirla a mano:

Un placeholder de 600×400 con fondo gris claro y texto gris oscuro

<img src="https://dummycontent.app/api/image/600x400/eeeeee/333333" alt="" />

Un diseño de paisaje, sin texto superpuesto

<img src="https://dummycontent.app/api/image/1200x630/eeeeee/333333?design=landscape&landscape=waterfall" alt="" />

Un avatar redondo de 64×64 para la firma de un autor dummy

<img src="https://dummycontent.app/api/image/64x64/e0e0e0/555555?design=user&user=style-3" alt="" />
FAQ

Preguntas frecuentes sobre contenido dummy

¿Qué es el contenido dummy?
El contenido dummy es texto, imágenes y medios de relleno que se usan durante el desarrollo web y el prototipado de diseño para ocupar el lugar de un contenido que todavía no existe. No tiene significado propio: existe para llenar el espacio que va a ocupar el contenido real, de modo que se pueda revisar la maqueta antes de tener el texto y las fotos definitivas. DummyContent.app genera gratis los tipos más comunes: imágenes placeholder, texto lorem ipsum e iframes embebibles.
¿Cómo genero una imagen placeholder?
Usá el Generador de Imágenes en dummycontent.app/images. Configurás las dimensiones, el color de fondo, el color del texto y el estilo de diseño, y obtenés una URL que podés pegar directo en una etiqueta <img>. La URL sigue el patrón /api/image/{ancho}x{alto}/{fondo}/{texto}, así que también podés escribirla a mano sin abrir el sitio — por ejemplo /api/image/600x400/eeeeee/333333.
¿DummyContent.app es gratis?
Sí. Todas las herramientas de DummyContent.app son completamente gratuitas, sin registro, sin cuenta, sin límite de uso y sin necesidad de atribución. El contenido dummy generado se puede usar en proyectos comerciales.
¿Qué tipos de contenido dummy puedo generar?
Tres tipos. Imágenes placeholder de cualquier tamaño, en cuatro estilos de diseño — colores sólidos, ilustraciones de paisaje, avatares de usuario y texturas generadas — con seis variantes cada uno. Texto lorem ipsum en español e inglés, medido por cantidad de palabras o de caracteres y repartido en la cantidad de párrafos que quieras. E iframes embebibles con artículos, grillas de imágenes y listados de cards realistas armados con ese mismo texto e imágenes dummy.