Ir al contenido principal

Entradas

Mostrando entradas de mayo, 2021

Login en Figma

C omo hacer un login para móvil en figma si no eres beta, practico y rápido, a continuación te explico paso a paso. ⇒ 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. ⇒  Paso 2 :  Vamos 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. ⇒  Paso 3 :  Muy bien, ahora vamos a diseñar el login de carga, lo diseñe de forma básica como se ve a continuación. Muy bien, a hora vamos a duplicar 7 veces el  login de carga,  debió quedarte como se ve en la captura. Ahora lo vas acomodar de la siguiente forma para dar el efecto como se ve en la siguiente captura. Bien ahora vamos con la funcionalidad del login, selecciona y se va a activar como se a continuación.   Ahora con cada uno de los frames los vas a configurar de la siguiente manera como se ve en la captura. ⇒  Pa...

Efecto hover en figma

E l efecto hover en un botón es fácil de hacer en figma, hoy te enseño como hacerlo de forma rápida. ➨  Paso 1 :  Vas crear dos botones y le darás el diseño de tu preferencia, yo los diseñe como se ve en captura. ➨  Paso 2 :  Selecciona tu botón y da clic en prototype en la parte superior derecha como se en la captura. Posteriormente en tu botón se activara un más como se ve a continuación en la captura. Ahora vas a seleccionar tu segundo botón como se en la captura. ➨  Paso 3 : Bien, ahora vas a realizar la siguiente configuración para que sea hover. ➨  Paso 5 : Muy bien, ahora ejecútalo, debió quedarte de la siguiente manera, como se muestra. Espero te haya servido de ayuda.