Saltar al contenido principal

Bienvenido a WebTwizz

Todo lo que hace WebTwizz,explicado.

WebTwizz es un editor de aplicaciones web con IA. Describe lo que quieres, ajústalo visualmente y publícalo como una aplicación web real. No necesitas saber programar. Si sabes, tienes acceso a todo.

El editor de WebTwizz en modo Edición con el panel Capas, un botón seleccionado en el lienzo y el panel de ediciónCapasHaz clic en cualquier elementoPanel de edición
Crea tu cuentaRegístrate y descubre qué incluye el plan gratuito.Tu primer proyectoDe una instrucción o una plantilla a un sitio web funcional.Explora el panel de controlProyectos, búsqueda, espacios de trabajo y tu cuenta.Descripción general del editorEl lienzo, la barra de herramientas, los paneles y los atajos.

Chat con IA

Descríbelo. Mira cómo se crea.

Dile a la IA lo que necesitas con tus propias palabras. Planifica las páginas y escribe el código mientras lo ves, y la vista previa se actualiza a medida que avanza. O empieza con una plantilla y dile qué cambiar.

  • Páginas, inicios de sesión, datos, pagos
  • Cada cambio se guarda como una versión
Cómo funciona el chat con IA
El campo de instrucciones del panel de control que pregunta qué vas a crear

Editor visual

Haz clic en cualquier elemento. Cámbialo manualmente.

Haz doble clic para reescribir texto. En el panel de edición puedes ajustar la distribución, la tipografía, el color y el espaciado. Presiona ⌘K para abrir Editar con IA, que muestra una vista previa de cada opción en la página antes de que la elijas.

  • Sin necesidad de instrucciones
  • Los cambios se reflejan en el código
Editar con IA
La barra Editar con IA abierta debajo de un encabezado seleccionado

Historial de versiones

Vuelve a cualquier versión.

Cada etapa de trabajo se guarda como una versión. Mira cualquiera de ellas en el lienzo, consulta qué archivos cambiaron, ponles nombre a las importantes y restaura la que quieras.

Historial de versiones
Una versión expandida en el panel de historial que muestra los archivos que modificó

Código

Código real detrás de todo. Siempre.

Cada proyecto es código real que te pertenece. Conecta GitHub para guardar una copia en tu propio repositorio. Con un plan de pago, abre el editor de código para editarlo o descargarlo.

  • Código que te pertenece
  • Sincronización con GitHub
  • Descarga con planes de pago
El editor de código
El editor de código con el árbol de archivos y una página abierta

Datos

Tu base de datos, dentro del editor.

Guarda contenido en colecciones dentro de tu proyecto, o conecta Supabase, Postgres, MySQL, MongoDB o Google Sheets y edita las filas directamente en el panel Datos.

Datos y CMS
  • Supabase
  • Postgres
  • MySQL
  • MongoDB
  • Google Sheets
  • { }Colecciones

Conectores

Conecta las herramientas que ya usas.

Conecta una cuenta una sola vez y úsala en cualquier proyecto, con un inicio de sesión o una clave de API. La IA las consulta mientras trabaja.

Publicar

Publica con un clic.

Tu sitio web se publica en una dirección gratuita de webtwizz.app. Con un plan de pago, conecta tu propio dominio. Mantenlo público, compártelo con una contraseña o invita solo a las personas que elijas.

El panel de publicación con la dirección activa de webtwizz.app y la opción Agregar dominio

¿Tienes preguntas sobre créditos, planes o límites? Lee las preguntas frecuentes.