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! 🥰
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.
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.
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.
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
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
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 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
@@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.
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
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
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
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
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
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.
![Curso de Figma completo [Clase 1] - Creando tu primera pantalla en Figma para una App Mobile](/img/n.gif)
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
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!
🥰
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
Tutorial que va al grano muy bueno!
Genio total Oti! Estoy muy agradecido con todo lo aprendido y enamorado de los resultados obtenidos!
¡Gracias!
genial Bruno!
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!
20:04 alt y shift para q no se nos mueva
20:21 add autolayault . Mantiene el espaciado correctamente
Este si explica muy bien. Con este tutorial me quedo 👍🏽
Muchísimas gracias de verdad!!! Nueva seguidora
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.
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! =)
Excelente! Sos un genio! Me salvaste el proyecto final de mi curso! Gracia Gracias!
Yo igual
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 .
Me encantó ese tutorial muchas gracias!!!! Lo estoy poniendo en práctica!! Explicas muy bien 😊😊
Practique y aprendi! Graciassssssssssss!!
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!!
Bro, muchisisimas gracias por tu video y el tiempo invertido en el
muchas gracias!
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, me sirvio mucho. Tendras algun curso en UDEMY actualzado, me lo compraria ya. Esta muy entendible este tutorial pero necesito mucho mas alla. Gracias
Muchas gracias , salve mi tesis gracias a tu ayuda!!
excelente, muy buenisimo
muy claro y preciso 10 de 10
Increíble video me salvo en la escuela gracias bro. Aun que una duda, ¿como se hacen los logos?
Excelente. Gracias por tu explicación
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
hola hay alguna parte 2 de en donde hagas navegable la app?
hola bor, como se hace despues para plasmar lo que se diseño a la web digamos que sea funcional???
Increibleeee todoo me ayudo muchisimo
Gracias oti !
Muy buena explicación, y para mi buena práctica. Gracias
Excelente, Muchas gracias!
ESTARIA PIOLA QUE DEJES EL PROYECTO
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
Espectacular
Mil gracias!!!!! me has salvado
excelente en muy practico
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 ?
CHUUUUUUULADA GRACIAS AMIGO
con gusto gohan, espero tu suscripcion!
amigo, y tienes o existe un tuto para obtener los codes de Figma para exportarlo a Android Studio ?
Que app usa para editar todo eso?
Gracias por el tuto, excelente paso a paso. Como hago para volverlo interactivo...
Hola a todos, Oti gracias por compartir el conocimiento... pero como paso a usar lo diseñado en Figma en React Native?
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
Como llevo el diseño a android studio??
Como asi?😅
con código
Hola como lo.muestras a tus clientes???
se agradecería un tutorial del prototipado
Ofi saludos , donde podré escribirte en directo ?
11:30 como cambiar una imagen formas
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
Excelente video gracias
¿pero como lo conectas para que cambie de frame?
muy bueno!
Muchas gracias!
gracias por tu suscripcion!
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.
muchas gracias, muy buena
14:22 como hacer animacion a un objeto
Que interesante nuevo sub
buen video!!!
Pero para que funciones como sería?
Capo!
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
Estimado, sino me reconoce el icono fontawesome a pesar de que cambie el tipo de letra?
Me paso lo mismo, pudiste solucionarlo?
Buen video, gracias
aja osea es solo diseño, como uso el diseño donde lo puedo usar?
oye amigo y las interacciones de menu y botones?
figma solo es un simulador
6:36 crear nueva capa
xd cuando intento crear el font awesome, escojo la fuente se desaparece._., alguna solucion
Graciaaaaas ❤
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 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
excelente
hola muy buen video, solo que a mi solo se logran ver algunos iconos y otros no :(
like y sub, se puede crear una app de sticker para WhatsApp?
Hola, Puedes compartir el proyecto figma? Gracias
7:52 nueva página
Como puedes colocarle a un botón 58 x 308 en vez de 50 x 300?? que ansiedad T_T
Hola Donde puedo descargar todo ese archivo hecho ??
gracias
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
Tremendo
Sirve Para Android 10 Xiaomi 9C No Sé Pregunto Estaría Que Así Sea
Si
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
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
no usas la grid 8 se ve visualmente muy desorganizado
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
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...
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 ..
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
Como creo el archivo
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!
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
soy gay mama
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
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.