Saltar al contenido

Crea wireframes. Conecta pantallas.

Diseña interfaces, enlaza pantallas y prueba la navegación. Todo desde tu navegador.

Gratis y sin registro.

Captura real del editor de Frameflow con la biblioteca de elementos, el lienzo y el panel de propiedadesCaptura real del editor de Frameflow con la biblioteca de elementos, el lienzo y el panel de propiedades
Biblioteca de controles, lienzo y panel de propiedades.

Lo esencial

  • 61 controles listos
  • Marcos de móvil, tablet y escritorio
  • Pantallas enlazadas y presentación
  • Exporta PNG, SVG y PDF

Conecta pantallas y prueba el recorrido.

Estas tres pantallas están hechas con los controles de Frameflow. Las conexiones indican adónde lleva cada acción.

Una app de cursosEjemplo de navegación

Desliza para seguir el recorrido

  1. 1Acceso

    Pantalla de acceso con marca, campos de usuario y contraseña y botón principal

    Acceso con correo y opciones de inicio de sesión.

  2. 2Cursos

    Pantalla de cursos con búsqueda, filtros, tarjetas, valoraciones y navegación inferior

    Búsqueda, filtros y cursos destacados.

  3. 3Detalle

    Pantalla de detalle de curso con video, instructor, valoraciones, temario y botón de inscripción

    Vista previa, instructor, lecciones e inscripción.

3 pantallas enlazadas para recorrer en modo presentación.

En el editor, asigna una pantalla de destino a cada botón o enlace.

Abrir el editor

Preguntas frecuentes

Guardado, exportación y uso con IA.

¿Es gratis? ¿Necesito una cuenta?

Sí, es gratis y sin registro: no hay planes de pago ni funciones bloqueadas. Abres la app y empiezas a diseñar.

¿Dónde se guardan mis proyectos?

En el almacenamiento local de tu navegador (IndexedDB). Puedes exportar un JSON para respaldarlos o pasarlos a otro equipo.

¿Puedo exportar o imprimir mis pantallas?

Sí: SVG y PNG por pantalla, y una vista imprimible con todas las pantallas para guardar como PDF.

¿Puedo usarlo con un agente de IA?

Sí. Abre «Estado del documento → Usar con IA»: ChatGPT requiere un navegador integrado compatible; Claude Desktop usa un complemento opcional. La ayuda incluye los pasos y requisitos.

Empieza a diseñar tu interfaz.

No necesitas una cuenta. Abre el editor para crear o continuar un proyecto.

Abrir el editor