Ir al contenido principal

Login en Figma

Como hacer un login para móvil en figma si no eres beta, practico y rápido, a continuación te explico paso a paso.

imagen login

Paso 1: Selecciona el frame del dispositivo móvil que tu deseas, en mi caso seleccione iPhone 8 Plus, como se muestra en la captura.

imagen login

⇒ Paso 2Vamos a diseñar dos pantallas una de login y otra de bienvenida, lo puedes hacer a tu gusto, en mi caso lo diseñe como se muestra en la captura.
imagen login

⇒ Paso 3Muy bien, ahora vamos a diseñar el login de carga, lo diseñe de forma básica como se ve a continuación.
imagen login

Muy bien, a hora vamos a duplicar 7 veces el login de carga, debió quedarte como se ve en la captura.

imagen login

Ahora lo vas acomodar de la siguiente forma para dar el efecto como se ve en la siguiente captura.

imagen login

Bien ahora vamos con la funcionalidad del login, selecciona y se va a activar como se a continuación.
 
imagen login


Ahora con cada uno de los frames los vas a configurar de la siguiente manera como se ve en la captura.
imagen login


⇒ Paso 4: Ahora vamos a enlazar el login con  login de carga como se en la captura.
imagen login


⇒ Paso 5Ahora vamos a la parte final, que es enlazar la pantalla de bienvenida, vas a realizar lo siguiente como se muestra en la captura.
imagen login

⇒ Paso 5El ultimo paso es ver los resultados, le vas a dar clic en el botón de azul para ver como quedo tu login, como se ve en la captura.

imagen login

Debió quedarte de la siguiente manera: 

Espero que te haya servido de ayuda.

Comentarios

Entradas populares de este blog

Cómo cambiar al navegador BRAVE a español u otro idioma.

C uando se descarga el navegador bravo por default esta en ingles pero si tu lo quieres cambiar a español, sigue estos simples pasos. ➤ Paso 1: Abre el navegador y en la parte inferior derecha clic en configuración (settings). ➤  Paso 2: Selecciona languages. ➤  Selecciona la flecha que se  muestra en la captura anterior y se despliega  lo siguiente: ➤   Paso 3: Selecciona Add languages. Busca el idioma español o cualquier otro idioma que quieras añadir. Además puedes añadir tantos como quieras. A continuación se muestra como se ve al seleccionar el idioma de español: Ahora para que el primer idioma sea español selecciona como se muestra a continuación y da clic en Move up para mover arriba o   Move down  abajo con las opciones que están a la derecha de cada idioma y que se ve seleccionado en la siguiente captura: ¡ Listo ahora el idioma  de nuestro navegador  estará  en español ! Además podrás seleccionar la opción de “...

Cómo hace un slider con FIGMA

 A continuación te explico paso a paso como lograr un slider con figma , rápido y sencillos. ➤ Paso 1: Selecciona el frame de tu preferencia, en mi caso seleccioné Desktop 1440 x 1024. ➤   Paso 2:  Agrega todo el contenido que quieras que se visualice en tu slider, en mi caso agregue lo siguiente como se muestra en la siguiente captura . ➤   Paso 3:  Como se muestra en la captura vas a seleccionar Rectangle .    En tu frame en la parte inferior vas agregar tres rectangle con las siguentes medidas w(ancho): 90 y h(altura):6 como se muestra en la captura.  El primer rectangle (rectangulo) debe tener las siguientes características.  Los siguientes dos rectangles (rectangulos) deben tener las siguientes características.  ➤   Paso 4: Ahora vas a duplicar el primer frame como se muestra e la captura. Ahora procederemos a cambiar la información y la imagen como se muestra en la captura. Muy bien, el siguiente paso es camb...

Comandos básicos de Git

  Cambiar tu nombre de usuario:  git config --global user.name "user name" Cambiar correo electronico:  git config --global user.email "correo" Para saber en qué estado están los archivos antes de hacer git add o git commit git status  Los c ambios que quieres incluir en el próximo commit git add archivo (agrega un archivo en específico) git add . (agrega todos los cambios) Hacer el commit  git commit -m "Mensaje del commit" Ejemplo : git commit -m "[ADD] modulo" git commit -m "[FIX] modulo" git commit -m "[UPDATE] modulo" Subir tus cambios (commits) git push origin nombre_rama Actualizar una rama git pull origin nombre_rama Cambiar de rama git checkout nombre_rama Crear rama y cambiarte git branch -b nombre_rama Regresar al commit anterior sin perder los cambios git reset HEAD~1 Quitar un archivo en especifico que no quieras subir a un commit git restore --staged archivo Cambiar el mensaje de un commit  git commit --amend -m ...