Esta es una de las entregas más grandes del año. Repensamos tres pilares del editor — reutilización de bloques, publicación y continuidad entre páginas — para que los proyectos con varias páginas finalmente se sientan como un solo sitio, y no una colección de páginas aisladas.
Componentes globales: deja de duplicar trabajo
Hasta hoy, si tenías un encabezado idéntico en 5 páginas y necesitabas cambiar un color, eso era trabajo manual en cada una. Ya no. Creas un componente una vez y vive en cualquier página de tu proyecto. Cuando editas el componente en cualquier lugar, el cambio se propaga al instante a todas las demás páginas — headers, footers, CTAs, tarjetas de precios, cualquier cosa que se repita.
Hay una nueva pestaña Componentes en el editor donde creas desde cero o conviertes cualquier elemento existente en componente con un clic en Componentizar (en el panel de propiedades). Y no son solo secciones enteras — cualquier contenedor, botón o bloque puede convertirse en componente.
Cuando necesitas que una instancia específica sea diferente de las demás, simplemente haz clic en Desvincular y se convierte en una copia local independiente sin afectar al componente original. Para que no te pierdas, marcamos los elementos de componente en rosa en las Capas y mostramos un aviso claro en el panel cada vez que editas algo que se va a propagar.
Por debajo, esto funciona con caché en memoria y debounce inteligente — editas, ves el cambio al instante en el canvas, y la sincronización con la base de datos ocurre silenciosamente en segundo plano. Sin lag, sin espera.
Publicación, reconstruida desde cero
La pantalla de Publicación recibió una reforma completa. Ahora es una lista interactiva de páginas: las ves todas, eliges cuáles publicar y las disparas en un solo clic. El botón cambia dinámicamente entre Publicar y Publicar cambios según el estado de cada página, mostrando exactamente lo que va a pasar.
La URL en vivo aparece directamente en la tarjeta de cada página apenas está online — haz clic y ve el resultado, sin necesidad de navegar entre pantallas. Las páginas publicadas muestran un badge "En línea" pulsante; las pendientes muestran solo el slug que recibirán.
Cuando el proyecto tiene una sola página, la interfaz se simplifica automáticamente — sin checkboxes innecesarios, acción directa. Cuando tiene varias, el control es total.
Descarga en lote como ZIP
¿Seleccionaste varias páginas? Los botones Descargar HTML y Descargar JSON ahora empaquetan todo en un archivo .zip automáticamente — una página por archivo dentro del zip, nombradas por el slug de cada una. Si es solo una página, la descarga sigue siendo individual como antes.
Copiar y pegar elementos entre páginas
Una de las funciones más pedidas. Ahora puedes seleccionar cualquier elemento en una página, dar Cmd+C (o Ctrl+C), navegar a una página completamente diferente y dar Cmd+V para pegar. El elemento mantiene todo el estilo, contenido y estructura.
El contenido copiado se guarda en tu navegador, así que funciona incluso después de cerrar y reabrir el editor. Sin nada seleccionado en el destino, el elemento se convierte en una nueva sección al final de la página. Con un contenedor seleccionado, va dentro. Con un elemento seleccionado, se convierte en hermano justo después.
Edición continua dentro de componentes
Editar un componente ahora es igual a editar cualquier otra cosa. Haz clic en cualquier elemento dentro del componente, abre el panel, edita estilo, contenido, texto inline con doble clic, elimina, agrega elementos nuevos arrastrando desde el panel — todo funciona normalmente. Cada cambio se guarda en el componente automáticamente y se propaga a todos los lugares donde aparece.
El panel muestra un aviso discreto en rosa para recordarte que estás trabajando en un componente, pero no te bloquea en nada.
Otras mejoras del editor
El panel de propiedades de cada elemento se hizo más compacto para caber Eliminar, Duplicar y Componentizar lado a lado, con colores e iconos consistentes. Los modales de crear/componentizar fueron alineados al patrón visual del resto de la plataforma. Las confirmaciones de eliminación (componentes, instancias) ahora siguen el mismo patrón de los popups de página.
Acceso a la extensión de Chrome
El área de la extensión de Chrome ahora es exclusiva para suscriptores, alineándose con el tratamiento del área de Clones. Los usuarios en el plan gratuito ven una pantalla explicativa de upgrade.
Esta actualización es la base para mucho de lo que viene. Los componentes serán pieza central en templates compartibles, design systems del proyecto y varias automatizaciones del roadmap. ¡Disfruta!