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!
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.
Muchísimas gracias por el video. Para alguien que apenas está empezando a usar Figma, es una herramienta de gran ayuda. Aprecio mucho tu contenido y me gustaría ver más videos con explicaciones tan buenas y fáciles de entender. Sería genial si pudieras hacer una serie en la que muestres cómo realizar una aplicación completa o la continuidad de este video. ¡Gracias de nuevo! 🥰
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.
bro este video lo utilizare para un proyecto de preparatoria, gracias por explicarlo porque la verad si es algo complicado para alguien que no sabe nada.
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
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
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
@@abelfelixvalenzuela1970 Yo no lo hice, pero por lo que intuyo se podría coger el código de ese diseño y llevarlo a un editor de código. Habría que preguntarle a alguien que sepa bien de programación.
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
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
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
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
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
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
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
Hola amigos! les dejo por acá otro video bastante útil de las herramientas y funciones de figma
th-cam.com/video/inlaQSRuEww/w-d-xo.html
Genio total Oti! Estoy muy agradecido con todo lo aprendido y enamorado de los resultados obtenidos!
¡Gracias!
genial Bruno!
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
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!
Tutorial que va al grano muy bueno!
Muchísimas gracias por el video. Para alguien que apenas está empezando a usar Figma, es una herramienta de gran ayuda. Aprecio mucho tu contenido y me gustaría ver más videos con explicaciones tan buenas y fáciles de entender. Sería genial si pudieras hacer una serie en la que muestres cómo realizar una aplicación completa o la continuidad de este video. ¡Gracias de nuevo!
🥰
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! =)
Este si explica muy bien. Con este tutorial me quedo 👍🏽
Excelente! Sos un genio! Me salvaste el proyecto final de mi curso! Gracia Gracias!
Yo igual
20:04 alt y shift para q no se nos mueva
20:21 add autolayault . Mantiene el espaciado correctamente
Estaría genial subieras más material para ir aprendiendo diseño con Figma y como ir usando sus herramientas , me suscribo , saludos .
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
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.🙂😊
bro este video lo utilizare para un proyecto de preparatoria, gracias por explicarlo porque la verad si es algo complicado para alguien que no sabe nada.
Me encantó ese tutorial muchas gracias!!!! Lo estoy poniendo en práctica!! Explicas muy bien 😊😊
Practique y aprendi! Graciassssssssssss!!
Muchísimas gracias de verdad!!! Nueva seguidora
Bro, muchisisimas gracias por tu video y el tiempo invertido en el
muchas gracias!
hola hay alguna parte 2 de en donde hagas navegable la app?
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
Sigui todos los pasos y pude diseñar mi primer app en figma. Muchas graciaas
excelente Ana!!
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
Muchas gracias , salve mi tesis gracias a tu ayuda!!
muy claro y preciso 10 de 10
excelente, muy buenisimo
Excelente. Gracias por tu explicación
Mil gracias!!!!! me has salvado
Espectacular
Excelente, Muchas gracias!
Increibleeee todoo me ayudo muchisimo
Gracias oti !
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
Muy buena explicación, y para mi buena práctica. Gracias
hola bor, como se hace despues para plasmar lo que se diseño a la web digamos que sea funcional???
Increíble video me salvo en la escuela gracias bro. Aun que una duda, ¿como se hacen los logos?
ESTARIA PIOLA QUE DEJES EL PROYECTO
Muchas gracias!
gracias por tu suscripcion!
excelente en muy practico
oye amigo y las interacciones de menu y botones?
figma solo es un simulador
muchas gracias, muy buena
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
pudiste hacerlo?
@@abelfelixvalenzuela1970 Yo no lo hice, pero por lo que intuyo se podría coger el código de ese diseño y llevarlo a un editor de código. Habría que preguntarle a alguien que sepa bien de programación.
Se conecta ? Para cuando se de play sea dinámico y se pueda navegar entre pantallas ?
Excelente video gracias
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
Que app usa para editar todo eso?
CHUUUUUUULADA GRACIAS AMIGO
con gusto gohan, espero tu suscripcion!
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
se agradecería un tutorial del prototipado
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
Graciaaaaas ❤
excelente
Buen video, gracias
Gracias por el tuto, excelente paso a paso. Como hago para volverlo interactivo...
Ofi saludos , donde podré escribirte en directo ?
Como llevo el diseño a android studio??
Como asi?😅
con código
muy bueno!
amigo, y tienes o existe un tuto para obtener los codes de Figma para exportarlo a Android Studio ?
Estimado, sino me reconoce el icono fontawesome a pesar de que cambie el tipo de letra?
Me paso lo mismo, pudiste solucionarlo?
Hola, pueden ayudarme a pegar el icono de font Awesome a figma.
Hola a todos, Oti gracias por compartir el conocimiento... pero como paso a usar lo diseñado en Figma en React Native?
Hola como lo.muestras a tus clientes???
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.
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
Que interesante nuevo sub
buen video!!!
Y como se activa todo el diseño que funcione en el celular?
6:36 crear nueva capa
¿pero como lo conectas para que cambie de frame?
gracias
11:30 como cambiar una imagen formas
Pero para que funciones como sería?
14:22 como hacer animacion a un objeto
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
7:52 nueva página
Capo!
aja osea es solo diseño, como uso el diseño donde lo puedo usar?
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?
Tremendo
xd cuando intento crear el font awesome, escojo la fuente se desaparece._., alguna solucion
Sirve Para Android 10 Xiaomi 9C No Sé Pregunto Estaría Que Así Sea
Si
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 muy buen video, solo que a mi solo se logran ver algunos iconos y otros no :(
Hola Donde puedo descargar todo ese archivo hecho ??
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 ..
Hola, Puedes compartir el proyecto figma? Gracias
like y sub, se puede crear una app de sticker para WhatsApp?
no usas la grid 8 se ve visualmente muy desorganizado
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
Como puedes colocarle a un botón 58 x 308 en vez de 50 x 300?? que ansiedad T_T
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!
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
Como creo el archivo
Holaaa!! necesito ayuda. No puedo pegar iconos de font awesome. Aguien me puede ayudar. Gracias
Ni yo puedooo
solo faltó el como hacer los registro y el olvidé mi contraseña, lo demás estuvo bien. Buen tutorial...
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
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
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
ONI-CHAN
Creo que no sirve de mucho tu tutorial si no usas autolayout
soy gay mama