Excelente Oti, ¡gracias por tu video! Quedé fascinada con tu resultado. Pensé que lo habías hecho en Photoshop jajaja pero cuando vi todo, me di cuenta que fue todo en Figma (excepto las imágenes de los relojes).
Te aconsejo que para los botones en vez de formas uses auto-layout (shift+a) así te apegas más al lenguaje y lógica de cualquier programa para FrontEnd
Hola Oti, encontré tu vídeo por casualidad y vi un vídeo de una hora y fuiste claro y directo, me gusto mucho, espero sigas haciendo vídeos acerca de la herramienta Figma.
@@OtiGutierrez buenos dias OTI. tienes algun tutorial que explique como añadir un video hice uno en canva muy cortito de 15 segundos pero no se como se lo sube
Buen tutorial. Sigue subiendo mas contenido de figma, por favor. Ahora todo el mundo está buscando videos de figmas y no hay buenos tutoriales, completos.
Excelente video Oti, muchas gracias por compartir, a pesar de que Figma es inabarcable y tiene tremendas herramientas avanzadas, lo has sintetizado d eanera muy sencialla y comprensible para el q epieza, FELICIDADES!
Me gusto tu video. Estoy aprendiando a usar esta herramienta desde hace unos dias apenas y me ha gustado mucho. Me gustaria que sacaras mas videos como este y a demas un video de como puedo pasar el diseño a codico... Seria genial que lo hicieras usando Bootstrap. Espero saques mas videos... Saludos
Excelente video... muchas gracias por tu tiempo... Espero puedas seguir con los tutoriales, son muy buenos y no son cansador es, o lógico que está en uno ahondar en la herramienta...Un gran abrazo...
Oti, encontre tu canal de casualidad .... me parecio muy bueno tu explicacion de figma, estaria bueno que puedas hacer uno un poco mas completo para desarrollar las pantallas de una aplicacion movil y que los botones funcionen para cambiar las pantallas sin funcionalidad . Saludos !!
Hola! Muy buen video aprendí a usar figma por primera vez con este video! PREGUNTAA--> Por qué es necesario poner el rectangulo de la barra de navecación y no simplemente solo el texto?
gracias Abby, hice uno de photoshop por si lo queréis mirar, aunque creo que en ese si me explayé un poco más explicando xd ua-cam.com/video/1ag9xqvNeso/v-deo.html
Es excelente tu video, pero menciona en los comentarios, cuales van a ser los controles que vas utilizar y de donde se puede conseguir mejores imágenes y cosas así, porque esa parte esa parte tuve que descubrirlo yo. Solo es una opinion, pero aparte de todo eso esta excelente tu video.
Hola!, Oti Gutierrez, me encanto tu vídeo, el cual es el primero que veo en tu canal, espero que sigas haciendo muchos proyectos como este, para poder aprender de ello; tengo una cuestión, No tengo Photoshop, pero quisiera encontrar imágenes como la del reloj, donde las podría conseguir? ¿Que otra alternativa podría usar en ves de Photoshop?
Hola amigo, exelente tutorial. Pero tengo una duda, porque solamente haces esa página y no las demás ? Osea solo ese cuadro sería la web, me gustaría un tutorial más completo para hacerla completa a la web. Gracias
Genial!! muchas gracias. De dónde sacas la imagen/vector del Apple Watch? Estoy buscando repositorios, webs de vectores así sin el fondo y no encuentro nada. Gracias!!
Oti s.o.s mi figma solo me sale en inglés, y no puedo hacer nada 😭😭😭😭😭 tengo la versión gratuita hay que usarla solo de pago ??? La decarge por un curso que compre en domestika
@@OtiGutierrez gracias oti aunque no se bien como hacerlo podrías hacer un video enseñando esa parte porfis porque e buscado y no hay solo aparecen usando figma como yo usando canvas jeje y no salen configurandolo , seria demaciado genial verlo
Hola Yoshua, correcto, tal y como un automóvil, existe el proceso de diseño y el del ensamblado, en este video ves el proceso de diseño, en los siguientes videos ves como ensablar las piezas y fabricar el diseño en forma real
Hola, una consulta. La app de Figma me parece grandiosa, justo estoy haciendo un proyecto de la univ. A mí me gustaría saber si ¿hay alguna forma que luego de hacer toda la web se pueda publicar y obtener un link para compartir (no para ver el espacio de trabajo) donde vean directo la página?
Gracias por el tutorial, tengo una duda: como el diseñar en Figma pasa a convertirse en una pagina o app real? es decir, los programadores solo copian y pegan algún código que Figma genera en algo tipo WordPress? o ellos replican de manera visual el diseño como podrían hacer con cualquier otra plataforma de diseño? Disculpa la ignorancia, estoy comenzando a estudiar UX design y el hecho de como se conecta el diseño con lo real me da curiosidad y me ayuda a darle mas sentido a lo que hago. Muchas gracias
Dónde están todas las herramientas de editar colores, tamaño de letra etc. Hay un apartado en la parte de arriba donde dice "prototipo", luego vas al botón que has creado y te sale una tipo flecha para redireccionar a dónde tu quieres que vaya, y si quieres volver a editar a la par de esa opción está "editar."
Hola, pronto sacaré video explicando las diferencias, estate atento, las que mencionas no tienen que ver entre sí, figma es una herramienta para el diseño, Wordpress es un CMS (no es un lenguaje de programación).
00:00 Introducción y bienvenida
01:00 Acerca de Figma y ¿Porqué es mejor que photoshop?
01:43 Inicio del tutorial
Haras la parte en donde haces el background con html y css? O lo vas a llevar como una imagen??
gracias
Muchas gracias Crack.
Excelente Oti, ¡gracias por tu video! Quedé fascinada con tu resultado. Pensé que lo habías hecho en Photoshop jajaja pero cuando vi todo, me di cuenta que fue todo en Figma (excepto las imágenes de los relojes).
gracias Maria Alejandra, también publiqué en el canal uno de photohsop por si le quieres echar un ojo
Para ser tu primer tutorial me ayudó muchísimo!!!! Mil gracias Oti Gutiérrez 🙌
muchas gracias ya me esta dando un poco de voluntad de seguir con mi vida c:
Que bien, Cristo te ama
Ese comentario se puede sentir jajajaja
Bastante😂😂@@petterpacheco9540
Suscrito... dando like... comentando... ahhh y voy a verme todos sus videos! 👌
Te aconsejo que para los botones en vez de formas uses auto-layout (shift+a) así te apegas más al lenguaje y lógica de cualquier programa para FrontEnd
Gran tutorial, felicitaciones, para un desarrollador que quiere empezar con sus propios diseños en Figma está perfecto ..!!!
Buen tutorial bro, justo lo que buscaba, más acción y menos explicación
me encantó. Sobre todo que lo explicaste haciendo el ejemplo mismo!!! Estuvo genial!!!
Hola Oti, encontré tu vídeo por casualidad y vi un vídeo de una hora y fuiste claro y directo, me gusto mucho, espero sigas haciendo vídeos acerca de la herramienta Figma.
Hola OTI, muchas gracias por este video, estoy comenzando con el diseño web, y me encanto. gracias por este tutorial.
Excelente Merlina!, mucho animo!
@@OtiGutierrez buenos dias OTI. tienes algun tutorial que explique como añadir un video
hice uno en canva muy cortito de 15 segundos pero no se como se lo sube
De momento no tengo para Canva Merlina, no conozco muy bien esa herramienta
@@OtiGutierrez es que quise poner el video en mi web en figma. o sea poner un video en figma a eso me referia
Tu tutorial es el más sencillo y rápido lo explica. Gracias
Esta muy bueno!! voy aprendiendo sobre la marcha!! jejeje
Buen tutorial. Sigue subiendo mas contenido de figma, por favor. Ahora todo el mundo está buscando videos de figmas y no hay buenos tutoriales, completos.
Excelente video Oti, muchas gracias por compartir, a pesar de que Figma es inabarcable y tiene tremendas herramientas avanzadas, lo has sintetizado d eanera muy sencialla y comprensible para el q epieza, FELICIDADES!
Me gusto tu video. Estoy aprendiando a usar esta herramienta desde hace unos dias apenas y me ha gustado mucho. Me gustaria que sacaras mas videos como este y a demas un video de como puedo pasar el diseño a codico... Seria genial que lo hicieras usando Bootstrap. Espero saques mas videos... Saludos
Ya lista la primera parte =)
ua-cam.com/video/FlbzUKu5BUw/v-deo.html
Excelente video... muchas gracias por tu tiempo... Espero puedas seguir con los tutoriales, son muy buenos y no son cansador es, o lógico que está en uno ahondar en la herramienta...Un gran abrazo...
muchas gracias me ayudo mucho, muy bueno tu primer tutorial
Hola Oti muchas gracias por el curso me gustó mucho y me fue útil para la actividad que estoy haciendo.
Gracias por este video! Me ha servido bastante!
una buena introducción a Figma. GRACIAS!!!
Excelente! como si no fuera tu primer tutorial, sino que tuvieras años de experiencia.
Oti, encontre tu canal de casualidad .... me parecio muy bueno tu explicacion de figma, estaria bueno que puedas hacer uno un poco mas completo para desarrollar las pantallas de una aplicacion movil y que los botones funcionen para cambiar las pantallas sin funcionalidad . Saludos !!
Muchas gracias amigo, me fue de mucha ayuda para iniciar los diseños de un prototipo.
Holaa Tu video es súper útil porque para los que no somos diseñadores nos da una base para presentar nuestros proyectos con calidad . Muchas gracias
Felicidades por tu primer Tuto! y Gracias la información, me ha servido bastante!
gracias me gusto el video, no dejes de subir videos
Hermano, excelente, siga así! Para ser sus primeros tutoriales, bastante bien
Hola! Muy buen video aprendí a usar figma por primera vez con este video! PREGUNTAA--> Por qué es necesario poner el rectangulo de la barra de navecación y no simplemente solo el texto?
Re fácil de entender lo hiciste, vi otros tutoriales q dan mil vueltas explicando. Segui asi 👍🏻
gracias Abby, hice uno de photoshop por si lo queréis mirar, aunque creo que en ese si me explayé un poco más explicando xd ua-cam.com/video/1ag9xqvNeso/v-deo.html
Excelente video amigo, soy tu suscriptor numero 100♦️
Gracias Daniel!
Super bien este video. Va al punto y super entendible.
Genial hermano! Gracias y saludos!
Muchas gracias que buen tutorial!!!!
Excelente Oti, lo veo más fácil que ADOBE XD. Desde hoy empiezo a usarlo, continua haciendo mas vídeos de FIGMA en todo el tema web. Bendiciones
esta super bro, me ayudo mucho
¡Muy buen vídeo! Excelente explicación, gracias.
Muchas gracias, nuevo seguidor!
gracias aprendí algo nuevo amigo
Que buen video! Muy útil la verdad!
Hola, te amo 😍 gracias ^_^
¿Me ayudan a llegar a 1mil subs?
ua-cam.com/users/otigutierrez
Continuación del tutorial (pasarlo a código)
ua-cam.com/video/FlbzUKu5BUw/v-deo.html
muy buen video amigo felicidades y gracias por compartir
Es excelente tu video, pero menciona en los comentarios, cuales van a ser los controles que vas utilizar y de donde se puede conseguir mejores imágenes y cosas así, porque esa parte esa parte tuve que descubrirlo yo.
Solo es una opinion, pero aparte de todo eso esta excelente tu video.
Hola! Excelente video!!
Muchas gracias! me sirvio muchisimo
Hola
Creo que falta la parte de subirlo a la web!
Creo que sería interesante en explicarlo
Gracias
hola! muy bien explicado! me gustaria ver mas tutoriales de FIGMA, por ej para un app mobile. gracias!
Super directo muy bueno.
Pero me hubiera gustado que lo convirtieras ya asi como visualización
excelente tutorial bro
Gracias, muy útil para aprender.
Muy bien explicado
Muy bueno el tutorial muchas gracias 😎
Me encantó el video!
Excelente video. Felicitaciones
llegue 2 años atrasado a ver tu video, pero gracias esta bueno!
Muchas felicitaciones, muy buena explicación, muchas gracias.
Muy buen video! gracias
Gracias, muy interesante! Hoy Adobe compró por 20.000 M$ esta aplicación, asi se come el pez chico al grande. Pero los hizo ricos.
Gracias hermano!!!
Hola!, Oti Gutierrez, me encanto tu vídeo, el cual es el primero que veo en tu canal, espero que sigas haciendo muchos proyectos como este, para poder aprender de ello; tengo una cuestión, No tengo Photoshop, pero quisiera encontrar imágenes como la del reloj, donde las podría conseguir? ¿Que otra alternativa podría usar en ves de Photoshop?
Excelente tutorial Bro 👍
Hola amigo, exelente tutorial. Pero tengo una duda, porque solamente haces esa página y no las demás ? Osea solo ese cuadro sería la web, me gustaría un tutorial más completo para hacerla completa a la web. Gracias
demasiado bueno
Tengo una duda, como funcionaria los botones?
Muy bueno bro
Buen vídeo.☺
Excelente!
Genial!! muchas gracias. De dónde sacas la imagen/vector del Apple Watch? Estoy buscando repositorios, webs de vectores así sin el fondo y no encuentro nada. Gracias!!
Espectacular
Buen tutorial excelente👌
Hermano, podrias pasarme el link de donde sacaste la foto de ese reloj por favor?
excelente
y como se pone en wordpress? Gracias.Quiero poner una imagen para mi landing page home y no sé cómo hacerlo.
Para pasar la página web al tamaño de celular como hay que hacer? Tengo que adaptarlo a todos los tamaños o solo a uno? (android por ej.)
Excelente video
Muy interesante, muchas gracias por la información :D.
Excelente tutorial!!
Buenísimo! Puede ser que a veces se tranque en versión WEB?
probablemente, intenta descargar la versión de escritorio, siempre correrá mejor
Oti s.o.s mi figma solo me sale en inglés, y no puedo hacer nada 😭😭😭😭😭 tengo la versión gratuita hay que usarla solo de pago ??? La decarge por un curso que compre en domestika
Hola Elena!, la version gratuita funcionara mas que bien para lo que buscas, deberias poder cambiar el lenguaje en las opciones de figma
@@OtiGutierrez gracias oti aunque no se bien como hacerlo podrías hacer un video enseñando esa parte porfis porque e buscado y no hay solo aparecen usando figma como yo usando canvas jeje y no salen configurandolo , seria demaciado genial verlo
Excelente video, das a ente ser muy bien !!!. Una pregunta las páginas web no sé hacen con HTML CSS, JS etc ???
hola Jesus, es correcto, ya subí el primer video al respecto
una pregunta, como se puede pasar ese fondo abstracto a un desarrollo? se descarga la imagen se tiene que programar o como seria
buen video :)
hola, lo que haces en figma se puede subir a un wordpress?
se puede hacer un botón animado y enlazado como en adobe xd?
Hola cómo estás das clases personalizadas ?
cómo se sube esta información a un hosting? para tener la página publicada
Aun no me queda muy claro, terminando el diseño tienes que replicar el mismo a css, pug o bootstrap o los archivos como imágenes son descargables?
Hola Yoshua, correcto, tal y como un automóvil, existe el proceso de diseño y el del ensamblado, en este video ves el proceso de diseño, en los siguientes videos ves como ensablar las piezas y fabricar el diseño en forma real
Hola, una consulta. La app de Figma me parece grandiosa, justo estoy haciendo un proyecto de la univ. A mí me gustaría saber si ¿hay alguna forma que luego de hacer toda la web se pueda publicar y obtener un link para compartir (no para ver el espacio de trabajo) donde vean directo la página?
De dónde consigues las imágenes sin fondo??
Gracias por el tutorial, tengo una duda: como el diseñar en Figma pasa a convertirse en una pagina o app real? es decir, los programadores solo copian y pegan algún código que Figma genera en algo tipo WordPress? o ellos replican de manera visual el diseño como podrían hacer con cualquier otra plataforma de diseño? Disculpa la ignorancia, estoy comenzando a estudiar UX design y el hecho de como se conecta el diseño con lo real me da curiosidad y me ayuda a darle mas sentido a lo que hago. Muchas gracias
Que yo sepa no hay forma, solo es tomar en cuenta el diseño para luego programarlo como tal
Pregunta: como se programan los botones para que te lleve de una pagina a otra, igual que en adobe xd?
Dónde están todas las herramientas de editar colores, tamaño de letra etc. Hay un apartado en la parte de arriba donde dice "prototipo", luego vas al botón que has creado y te sale una tipo flecha para redireccionar a dónde tu quieres que vaya, y si quieres volver a editar a la par de esa opción está "editar."
Cuál es la diferencia de un figma vs wordpress? Tengo que sabee algun lenguaje de proramacion antes de aplicar figma?
Hola, pronto sacaré video explicando las diferencias, estate atento, las que mencionas no tienen que ver entre sí, figma es una herramienta para el diseño, Wordpress es un CMS (no es un lenguaje de programación).
Minuto 3:34 En cualquier resolución de pantalla que seleccione, FIGMA te crea la página web responsive ??
Genial, Buen video!
Genial
Estaría bien que dijeras como se usan las herramientas xD.
Como en cualquier otro programa de diseño
Hola no a podido mandarte el correo que otra formarma podemos hablar
Pregunta: cuando copio de photoshop a figma no me queda con transparencia. ¿que puede ser?
Hola Oti cuales son los atajos o los comandos para windows para duplicar y arrastrar como lo haces en tu video?
Hola, Ctrl+d en Windows Cmd+d mac
@@OtiGutierrez Muchas gracias brother