Edición de su Sitio

Draftly le ofrece tres modos de edición distintos:

Para cambios de diseño, use las ediciones por chat. Para ajustes de texto, use la edición en línea. Para cambios estructurales que el chat no pueda manejar, use el editor de código.

Las ediciones por chat son la herramienta de iteración principal. Cuando escribe en el chat después de la generación, la IA: 1. Analiza su solicitud 2. Genera un conjunto mínimo de parches HTML/CSS (0–8 operaciones) 3. Los aplica en vivo a la vista previa 4. Deduce 0.5 créditos

Lo que las ediciones por chat pueden hacer: - Cambiar cualquier color, gradiente o variable CSS - Reescribir cualquier texto — titulares, cuerpo de texto, etiquetas de botones - Reestructurar secciones — columnas de cuadrícula, lista vs. tarjetas - Añadir o eliminar elementos dentro de las secciones - Cambiar fuentes, espaciado, relleno, estilos de borde - Insertar una nueva sección al final de la página

Qué activa una regeneración completa: - Rediseño estructural completo (cambia la arquitectura del diseño) - Solicitudes que requieren volver a ejecutar el proceso de imágenes o video - Cambios demasiado difusos para expresarse como parches específicos

Aparece una advertencia clara antes de cualquier regeneración completa. Verá el costo en créditos y podrá cancelar.

Haga clic en cualquier texto visible en la vista previa del sitio para editarlo. Aparecerá una superposición editable — escriba su nuevo texto y presione Enter o haga clic en otro lugar para confirmar.

Lo que puede editar en línea: - Titular principal y subtítulo - Etiquetas de enlaces de navegación - Títulos de sección y cuerpo de texto - Etiquetas de botones - Eslogan del pie de página e información de contacto

Las ediciones en línea se guardan automáticamente en su proyecto. Volver a publicar las aplica al sitio en vivo.

La edición en línea es completamente gratuita — cero créditos.

Los Preajustes de Diseño son transformaciones de estilo con un solo clic que cambian el carácter visual completo de su sitio sin tocar el contenido.

Abra el panel de preajustes a través del icono de pincel en el panel izquierdo del constructor.

Categorías de preajustes: - Industria — Restaurante, SaaS, Portafolio, Agencia, Salud, Fitness, Bienes Raíces, Belleza - Paletas de colores — Oscuro, Claro, Melancólico, Vibrante, Minimalista, Lujo, Ámbar, Océano, Bosque - Conjuntos tipográficos — Sans Moderno, Serif Clásico, Geométrico, Monoespaciado, Editorial - Densidad del diseño — Espacioso (amplio espacio en blanco), Estándar, Compacto

Aplicar un preajuste: Haga clic en cualquier preajuste — la vista previa se actualiza en vivo. Haga clic en otro para comparar. Aplique para confirmar.

Los preajustes modifican las variables CSS y las opciones de fuente — no la estructura HTML. Son completamente gratuitos, no se consumen créditos.

Los colores de su sitio se almacenan como variables CSS en el bloque <style>:

Tres formas de cambiar los colores: - Chat: "Cambiar el acento principal a #FF6B35" o "Hacer el fondo azul marino intenso" - Preajustes de Diseño: Elija una paleta de colores coordinada — cambia todas las variables a la vez - Editor de código: Edite las variables CSS :root directamente en la pestaña Código

Los cambios de color por chat cuestan 0.5 créditos. Los cambios por preajustes y código son gratuitos.

Cada regeneración completa y edición importante crea un punto de control de versión guardado en su pestaña Historial.

Para revertir: 1. Abra la pestaña Historial en el constructor 2. Haga clic en cualquier versión anterior para previsualizarla en el panel derecho 3. Haga clic en Restaurar para convertirla en su versión actual

Revertir es gratis — restaura el HTML guardado sin consumir créditos.

Los puntos de control del historial se almacenan en Firestore y sobreviven a las actualizaciones del navegador, cambios de dispositivo y cierres de sesión.