COMO DISEÑAR UNA APP MOBILE? | tutorial en FIGMA 2022
Вставка
- Опубліковано 9 лис 2024
- Bienvenidos a un nuevo video tutorial de figma, en el cual repasamos el proceso de como diseñar una aplicación móvil en figma, en este tutorial repasaremos algunos aspectos tales como la interfaz UI y UX en figma, hacer botones, y en una próxima entrega podemos repasar las animaciones en figma.
Sígueme en:
dribbble.com/o...
behance.net/ot...
/ otigutierrez
/ otigutierrez94
Hola amigos! les dejo por acá otro video bastante útil de las herramientas y funciones de figma
ua-cam.com/video/inlaQSRuEww/v-deo.html
Acababa de descargarme Figma y quería un tutorial para ir probando funciones y tal y me ha sido super útil. Fácil de seguir y el tiempo me ha pasado volando. ¡Gracias!
excelente May! te dejo otro por aca por si quieres seguir aprendiendo donde explico un poco mas en detalle
Este si explica muy bien. Con este tutorial me quedo 👍🏽
Genio total Oti! Estoy muy agradecido con todo lo aprendido y enamorado de los resultados obtenidos!
¡Gracias!
genial Bruno!
Tutorial que va al grano muy bueno!
Wow Gutierrez muchísimas gracias por este Tutorial, la verdad que no sabía por dónde comenzar, todo está muy bien explicado. Gracias. Gracias. Gracias.
Un gusto Alberto! =)
Hola, amé tu vídeo. Estoy iniciándome en el mundo del Diseño UX/UI y me fue superútil. Claro está, apliqué algunas de las prácticas que realizaste. Gracias.
buenisimo!, mucha suerte!
Gracias Oti. por tu valioso tiempo.
Yo estoy nueva en figma, te agradecería que siempre mencionaras las teclas que usas para saber como se hace.🙂😊
Estaría genial subieras más material para ir aprendiendo diseño con Figma y como ir usando sus herramientas , me suscribo , saludos .
20:04 alt y shift para q no se nos mueva
20:21 add autolayault . Mantiene el espaciado correctamente
Excelente! Sos un genio! Me salvaste el proyecto final de mi curso! Gracia Gracias!
Yo igual
Me encantó ese tutorial muchas gracias!!!! Lo estoy poniendo en práctica!! Explicas muy bien 😊😊
Esta muy bueno el tutorial y estoy practicando con el, pero me gustaria que hicieras un tutorial explicando como hacer funcional el diseño. Es decir, como animar los botones, los slides, y la navegacion. Se que haria mas largo el tutorial pero es mas facil aprender asi, que ver todas las cosas por separado
Estoy de acuerdo.
Para hacerlo funcional te tocaría utilizar algún lenguaje de programación como C# utilizando .Net Maui te puede servir, etc.
con axure rp puedes diseñar y meterle animación, saludos
Excelente, me sirvio mucho. Tendras algun curso en UDEMY actualzado, me lo compraria ya. Esta muy entendible este tutorial pero necesito mucho mas alla. Gracias
Sigui todos los pasos y pude diseñar mi primer app en figma. Muchas graciaas
excelente Ana!!
Gracias Hermano, nisiquiera habia terminado de ver el video y me avente un monton de paginas ya hasta ahorita pude terminar de ver el video, pero gracias:3
Practique y aprendi! Graciassssssssssss!!
Muchas gracias , salve mi tesis gracias a tu ayuda!!
Hola ! Gracias por el video. ¿A partir de este diseño en Figma se podría crear una aplicación con el mismo figma? Gracias y un saludo
Muy buen video me sirvió muchísimo, podrías hacer un video explicando como pasar este diseño a código?
estoy en las mismas jaja
Excelente video.. pero como hago que sea mas interactivo para el cliente. me explico: Que pueda darle a botones de login y te mande a tu cuenta, o que ya dentro de algo te haga una accion.
Saludos
ESTARIA PIOLA QUE DEJES EL PROYECTO
Espectacular
muy claro y preciso 10 de 10
excelente, muy buenisimo
Excelente. Gracias por tu explicación
Gracias por el tuto, excelente paso a paso. Como hago para volverlo interactivo...
Gracias oti !
hola bor, como se hace despues para plasmar lo que se diseño a la web digamos que sea funcional???
Muy buena explicación, y para mi buena práctica. Gracias
Hola a todos, Oti gracias por compartir el conocimiento... pero como paso a usar lo diseñado en Figma en React Native?
Mil gracias!!!!! me has salvado
Se conecta ? Para cuando se de play sea dinámico y se pueda navegar entre pantallas ?
Excelente, Muchas gracias!
se agradecería un tutorial del prototipado
Muchas gracias!
gracias por tu suscripcion!
excelente en muy practico
6:36 crear nueva capa
hola hay alguna parte 2 de en donde hagas navegable la app?
CHUUUUUUULADA GRACIAS AMIGO
con gusto gohan, espero tu suscripcion!
Capo!
Hola! excelente el tutorial, pero me gustaria saber como llegamos al tema de la funcionalidad, el slide de los elementos, el cambio del menu, etc...
BTW, Suscrito de una vez
Increibleeee todoo me ayudo muchisimo
gracias oti por el video, sabes como puede regresar una accion a como estaba antes? con en word donde le das a la flecha de atras para remover la accion? graxias
Yo solo presiono Ctrl + Z y me funciona normal.
Sirve Para Android 10 Xiaomi 9C No Sé Pregunto Estaría Que Así Sea
10 meses y el video más útil y corto 10 de 10, te pregunto cómo descargo lo que diseñe?
ya encontré, ya encontré
Como lo hiciste?
Como llevo el diseño a android studio??
Como asi?😅
con código
7:52 nueva página
amigo, y tienes o existe un tuto para obtener los codes de Figma para exportarlo a Android Studio ?
Hola como lo.muestras a tus clientes???
Ofi saludos , donde podré escribirte en directo ?
muchas gracias, muy buena
Excelente video gracias
muy bueno!
Tremendo
gracias
Hola, una duda, cuando escojo font awseme 5 free aun así no me deja observar el icono.
Hola Brian, fijate que el icono que quieres usar esta disponible en esa version de Font Awesome, (tambien hay font awesome light y regular) asegurate de usar el correcto
Amigo en que video (lo busque a la rapida y no encontre) enseñas a instalar el tema de la font awesome 5??? gracias saludos!
saludos Alvaro, puedes revisar mis primeros videos, donde pasamos diseño a codigo, ahi explico como instalarlo a detalle
Pero para que funciones como sería?
buen video!!!
Graciaaaaas ❤
Buen video, gracias
Estimado, sino me reconoce el icono fontawesome a pesar de que cambie el tipo de letra?
Me paso lo mismo, pudiste solucionarlo?
¿pero como lo conectas para que cambie de frame?
oye amigo y las interacciones de menu y botones?
figma solo es un simulador
Que interesante nuevo sub
excelente
hola muy buen video, solo que a mi solo se logran ver algunos iconos y otros no :(
14:22 como hacer animacion a un objeto
Hola, Puedes compartir el proyecto figma? Gracias
Holaaa!! necesito ayuda. No puedo pegar iconos de font awesome. Aguien me puede ayudar. Gracias
solo faltó el como hacer los registro y el olvidé mi contraseña, lo demás estuvo bien. Buen tutorial...
Como hago si no me sale la imagen del icono menu , aun cuando lo estoy cambiando a tipo de texto : Font Awesome 5 free
Tengo el mismo problema, ¿Alguien sabe como?
@@ramirezdemariaycamposisaac1215 la descargue nomas y la copie y pegue como imagen. Pero no se como solucionarlo de la otra manera
Buenas! Estoy con un tema. Estoy diseñando una app, y tambien tengo imagenes donde debo hacer scroll para el costado… para eso debo hacer otro frame o agrando la pagina y diseño todo alli! Muchas gracias
aja osea es solo diseño, como uso el diseño donde lo puedo usar?
xd cuando intento crear el font awesome, escojo la fuente se desaparece._., alguna solucion
Como puedes colocarle a un botón 58 x 308 en vez de 50 x 300?? que ansiedad T_T
gracias por el material, super util. ¿como se hacen las animaciones de los botones como se ve en el video de inicio?
Habia entrado a mirar solo eso =( jajaj
Hola, perdón por mi desconocimiento, pero FIGMA es gratuito?
Hola!, Figma ofrece una version gratis y una de pago, puedes usar la que mas te convenga!
11:30 como cambiar una imagen formas
like y sub, se puede crear una app de sticker para WhatsApp?
Como se pone un logo para que el fondo (de la imagen de logo) sea transparente ?
Saludos Jose Mario, deberia bastar que la imagen sea formato png (y tenga el fondo transparente) figma respeta el formato y muestra el logo sin fondo
Hola Donde puedo descargar todo ese archivo hecho ??
Hola Oti Gutiérrez me podrías decir como instalar una app creada en figma por favor 🙏😭🤧
Eso no ese posible, debes crear la app como tal para usarla, figma solo te hace una representacion grafica del diseño
no usas la grid 8 se ve visualmente muy desorganizado
Como creo el archivo
genial pero ahora como la llevo al celular, su programacion???
Amigo esto es solo UI diseño ahora llevarlo al celular lo hace el equipo de desarrollo que son ingenieros informáticos con especialidad en app y tratan de hacer lo más parecido posible al diseño, es como el arquitecto y sus planos vs el ingeniero y sus albañiles
Conlleva mucho código por detras
Puedes usar algún framework y realizar la app Mobil, ejemplo React Native, Angular con Ionic o por último java con Android studio.
Esto es como un ejemplo de lo que tú deseas!! Es como mostrarle un corte de cabello a tu peluquero y el lo realiza... Es igual acá...
En los equipos de desarrollo es importante tener antes un diseño establecido antes de la implementacion ..
Una vez que terminaste todo tu proceso de diseñar en figma, cual es el siguiente paso?
soy muy nuevo en esto pero creo que ya pasaría al proceso de programación código código código
creo que figma a tenido cambios y este tutorial no me esta ayudando con la nueva versión de figma, alguien podría ayudarme por fa o es que me instale una versión pirata XD no lo se
ONI-CHAN
Creo que no sirve de mucho tu tutorial si no usas autolayout
Muy bueno y todo, pero no somo maquinas para seguir a tu ritmo, explicar super flahs
soy gay mama
Le doy un dislike por lo mismo, tutorial youtubers no hacen las cosas paso a paso si no que dejan los vacios, platzi 2 , no enseñas a crear un projecto si no que deja a la persona busque a ver si encuentra el mismo acceso que esa persona.
Si la persona quisiera buscarlo por si misma no vería este tutorial.
Porfavor diseñadores web empezar a trabajar con múltiples de 16px que luego para pasarlo a rem es un coñazo xd
Tengo entendido que se trabaja con múltiplos de 8 px
ahora como lo paso a codigo html,css y js
siempre he dicho que se aprende mas haciendo que viendo clases de fundamentos
gracias