Aprende el proceso fácil y paso a paso para crear un nuevo proyecto en FlutterFlow: desde visitar el sitio web, crear una cuenta, seleccionar una plataforma y una plantilla, hasta publicar tu proyecto.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
Paso 1: Visita el sitio web de FlutterFlow
El primer paso para crear un nuevo proyecto en FlutterFlow es ir al sitio web de FlutterFlow. Abre tu navegador preferido y escribe https://flutterflow.io/
en la barra de direcciones y presiona Enter
.
Paso 2: Inicia sesión en tu cuenta de FlutterFlow
Si ya tienes una cuenta en FlutterFlow, haz clic en el botón Iniciar sesión
ubicado en la esquina superior derecha de la página principal de FlutterFlow. Ingresa tus credenciales y haz clic en Iniciar sesión
para continuar.
Si no tienes una cuenta de FlutterFlow, puedes crear una fácilmente haciendo clic en el botón Registrarse
al lado del botón Iniciar sesión
. Proporciona los detalles necesarios para crear tu cuenta.
Paso 3: Crea un nuevo proyecto
Una vez que hayas iniciado sesión, se mostrará tu panel de control de FlutterFlow. Esta página mostrará todos los proyectos de FlutterFlow que hayas creado. Para crear un nuevo proyecto, haz clic en el botón + Crear nueva aplicación
ubicado en el medio de la página o en la esquina superior derecha.
Paso 4: Selecciona la plataforma
Se te presentará una pantalla emergente que te pedirá que selecciones la plataforma para tu proyecto. Tienes la opción de seleccionar iOS
, Android
o Ambos
. Haz clic en tu elección para continuar.
Paso 5: Nombra tu proyecto
Después de seleccionar la plataforma, la pantalla emergente mostrará un campo de texto que te pedirá que ingreses un nombre para tu proyecto. Escribe el nombre que prefieras y haz clic en el botón Crear aplicación
debajo del campo de texto.
Paso 6: Selecciona una plantilla
Serás redirigido a una nueva página donde puedes elegir entre una variedad de plantillas para tu proyecto o comenzar desde cero. Navega por las plantillas desplazándote hacia abajo. Si encuentras una plantilla que te gusta, haz clic en ella y luego haz clic en Continuar
. Si prefieres empezar desde cero, selecciona la plantilla Proyecto en blanco
y luego Continuar
.
Paso 7: Personaliza tu proyecto
Dependiendo de la plantilla que elegiste en el paso anterior, tu proyecto ahora podría contener varias secciones prellenadas como pantallas prediseñadas, configuraciones de backend o integraciones. Puedes personalizar cada elemento para adaptarlo a tus necesidades haciendo clic en él y luego cambiando sus propiedades en el panel derecho.
Paso 8: Guarda tu proyecto
Cuando estés satisfecho con tus personalizaciones, guarda tu proyecto haciendo clic en el menú Archivo
ubicado en la esquina superior izquierda de la pantalla y luego haz clic en Guardar
.
Paso 9: Previsualiza tu proyecto
Haz clic en el botón Vista previa
ubicado en la esquina superior derecha de la pantalla. Esto abrirá una nueva pestaña en tu navegador, mostrando una vista previa en vivo de tu aplicación.
Paso 10: Publica tu proyecto
Una vez que estés satisfecho con tu proyecto, haz clic en el botón Publicar
en la esquina superior derecha de la pantalla. Sigue las indicaciones para publicar tu proyecto. ¡Ahora tienes un nuevo proyecto de FlutterFlow en funcionamiento!
Recuerda, siempre puedes volver a tu panel de control del proyecto para hacer modificaciones, revisar tu progreso y administrar los usuarios de tu proyecto FlutterFlow.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.