Descripción de la herramienta

Esta herramienta genera tarjetas de felicitación, invitaciones, volantes y folletos en HTML a partir de una descripción de texto. Describe el diseño que deseas —incluyendo colores, fuentes, contenido y ambiente— y la IA produce un documento HTML con estilo. El resultado se previsualiza en un lienzo interactivo y también se expone como código fuente HTML editable.

Los ajustes preestablecidos integrados cubren los casos de uso más comunes para que puedas empezar de inmediato sin escribir una descripción desde cero.

Ejemplos

Descripción:

Elegante tarjeta de invitación de cumpleaños para una fiesta de 30 años, colores dorado y azul marino, incluye campos de marcador de posición para nombre del invitado, fecha, hora y lugar.

Salida: Un documento HTML completo con un fondo azul marino, un encabezado dorado con fuente serif ("Estás Invitado"), bloques de texto de marcador de posición para los detalles del evento y bordes decorativos a juego — listo para exportar como PNG o imprimir.

Descripción:

Tarjeta de presentación moderna y minimalista para un ingeniero de software llamado Alex Johnson en TechCorp Inc. Esquema de colores limpio azul marino oscuro y blanco.

Salida: Un diseño HTML con dimensiones de tarjeta de presentación que incluye campos de nombre, cargo, correo electrónico, teléfono y sitio web con un diseño de dos tonos azul marino y blanco.

Funcionalidades

  • Plantillas preestablecidas — ocho descripciones predefinidas para invitaciones de cumpleaños, tarjetas de presentación, invitaciones de boda, tarjetas de confirmación de asistencia, tarjetas de felicitación, tarjetas de agradecimiento, volantes y folletos.
  • Previsualización en lienzo interactivo — renderiza el HTML generado inmediatamente con ajuste de zoom y permite exportar a PNG, JPG o imprimir.
  • Salida HTML editable — el código generado se muestra en un editor de código con resaltado de sintaxis para que puedas refinar colores, texto o diseño directamente después de la generación.

Opciones explicadas

Opción Descripción
Preestablecido Carga una descripción predefinida para un tipo de tarjeta común. Al seleccionar un preestablecido se rellena el campo de descripción; luego puedes editarlo libremente.
Describe qué generar Descripción de texto libre que se envía a la IA. Sé tan específico como quieras: menciona dimensiones, paleta de colores, fuentes, elementos decorativos y campos de marcador de posición.

Consejos

  • Incluye colores y dimensiones específicas en tu descripción para obtener resultados más predecibles (p. ej., "ancho 600px, paleta rojo y dorado").
  • Después de la generación, edita el HTML directamente en el panel de código para ajustar fuentes, espaciado o texto sin volver a generar.
  • Utiliza la opción de exportación para imprimir y abrir el diálogo de impresión del navegador, que te permite guardar un PDF de alta calidad.
  • Menciona "marcador de posición" en tu descripción donde quieras campos en blanco (p. ej., "marcador de posición para nombre del invitado") para que la tarjeta generada sea reutilizable.