Saltar al contenido principal

Edición: Cambios sin esfuerzo y conversacionales

Editar su aplicación web en Manus es tan simple como tener una conversación. No hay necesidad de escribir código o navegar por menús complejos. Puede realizar cambios en su sitio describiendo lo que desea en lenguaje natural, desde ajustes individuales hasta actualizaciones a gran escala.

Edición Visual

Manus 1.5 introdujo 3 formas flexibles de editar sus sitios web:

Controles Rápidos de Estilo

Haga clic en cualquier elemento para abrir un panel de estilo instantáneo. Sin esperas, sin indicaciones, solo control directo:
  • Colores: Cambiar fondos, texto, bordes
  • Tipografía: Ajustar fuentes, tamaños, grosores
  • Espaciado: Modificar relleno, márgenes, espacios
  • Bordes: Actualizar estilos, anchos, radio
Perfecto para la iteración rápida del diseño y el ajuste fino.

Edición por Lotes Basada en Instrucciones

Para hacer su flujo de trabajo aún más eficiente, Manus le permite realizarediciones grupales basadas en instrucciones. Puede describir múltiples cambios en una sola instrucción, y Manus los agrupará de manera inteligente y los aplicará juntos como una única actualización. Esto es perfecto para realizar una serie de ajustes relacionados sin tener que emitir comandos uno por uno. Por ejemplo, puede dar una única instrucción integral como esta:
“De acuerdo, hagamos algunos cambios. Primero, haga que el encabezado principal sea más audaz y cambie su color al azul oscuro de nuestra marca. Luego, ajuste el espaciado en la tabla de precios para que sea más generoso. Finalmente, cambie el color de fondo de toda la sección del pie de página a un gris claro.”
Manus comprenderá las solicitudes distintas dentro de su instrucción y las ejecutará todas de una vez, ahorrándole tiempo y esfuerzo.
Tipo de EdiciónEjemplo de Instrucción
Estilo"Cambia la fuente de todos los encabezados a Georgia."
Diseño"Aumenta el espaciado entre los elementos de esta lista."
Contenido"Cambia el texto del botón principal a 'Empezar Ahora'."
Estructura"Duplica esta sección y colócala debajo del formulario de contacto."

Edición con IA: Su Socio Creativo

Para cambios más complejos o creativos, puede utilizar la función de edición con IA. Simplemente seleccione un elemento y pídale a Manus que lo mejore. Esto es como tener un consultor de diseño y un redactor a su disposición.
ObjetivoEjemplo de Instrucción
Mejorar Texto"Reescribe este titular para que sea más atractivo y orientado a beneficios."
Mejorar Diseño"Sugiere una paleta de colores mejor y más moderna para esta sección."
Refinar Diseño"Reestructura esta lista de características para que sea más atractiva visualmente y fácil de escanear."
Manus proporcionará sugerencias y aplicará los cambios por usted, facilitando la elevación de su diseño y contenido más allá de la calidad de su contenido. Manus proporciona una experiencia fluida para editar y previsualizar su aplicación web en tiempo real. Esto permite una rápida iteración y asegura que pueda visualizar los cambios a medida que los realiza.

Previsualización: Vea Su Aplicación en Tiempo Real

Manus proporciona una previsualización interactiva y en vivo de su aplicación web durante todo el proceso de desarrollo. Esto le permite ver sus cambios a medida que ocurren y probar la funcionalidad de su aplicación en un entorno real.

Escritorio/Móvil

La ventana de previsualización le permite alternar entre las vistas de escritorio y móvil, asegurando que su aplicación sea receptiva y se vea genial en todos los dispositivos. Puede probar la experiencia del usuario en diferentes tamaños de pantalla y realizar ajustes según sea necesario para optimizar tanto para usuarios de escritorio como móviles.

Ruta

La ventana de previsualización incluye una barra de URL que muestra la ruta actual de la página que está viendo. Esto es útil para navegar a páginas específicas dentro de su aplicación y para comprender la estructura de URL de su sitio.

Pantalla Completa

Para una experiencia más inmersiva, puede expandir la previsualización al modo de pantalla completa. Esto es particularmente útil para presentar su aplicación a las partes interesadas o para tener una mejor idea de la apariencia general de su sitio sin la distracción de la interfaz circundante.

Previsualización en Vivo

Una previsualización interactiva y en vivo de su aplicación está disponible desde el comienzo mismo del proceso de desarrollo. Esto le permite ver los resultados de sus solicitudes al instante y proporcionar retroalimentación para ajustes. La previsualización en vivo es una parte esencial del proceso de desarrollo iterativo, lo que le permite refinar su aplicación con comandos de lenguaje natural y ver los cambios reflejados de inmediato.