00:00 - Introducción al curso ✔ 01:12 - Qué es Figma y porqué usarlo ✔ 10:07 - Gestión de un proyecto de Diseño Web ✔ 29:04 - Interfaz y Herramientas de Figma ✔ 1:04:37 - Plugins de Figma y comunidad ✔ 1:13:34 - ¿Qué es el Design System? 1:20:20 - Creando el Design System (Colores) 1:36:00 - Creando el Design System (Tipografia) 1:53:08 - Definiendo la estructura (Grids y Columnas) 2:00:55 - Configurando los iconos 2:08:45 - ¿Qué es el Autolayout? 2:14:14 - Diseño de Botones 2:38:54 - Diseñando la web (Desktop) 3:42:17 - Diseño web en Movil (Responsive Design) 4:21:47 - Agradecimientos y Despedida
Estaba a punto de comenzar un curso de UX/UI en la UTN en Buenos Aires, con muchas dudas. Pero este video me aclaró un montón de cuestiones. Realmente me resultó muy útil, preciso, sintetizado y sobre todo, profesional. gran contenido, gracias por este aporte!
soy de Venezuela y voy a hacer el sacrificio de pagar este mes en co-freelancer, llevo mucho tiempo ahorrando pero siento que esto puede ser la oportunidad que busco para conseguir un trabajo digno como freelance deséenme suerte y oraciones 😊🙏🙏, apenas lo haga les digo mi experiencia
Cómo vas? te felicito por tu disposición de aprender. Escribeme cuando puedas, quizas puedas colaborar en mi equipo No vendo cursos cursos, mas bien me dedico a hacer proyectos independientes y me gusta invitar a personas con tu entusiasmo
Tuve que pausar para comentar. I-N-C-R-E-I-B-L-E tu forma de explicar y todo el contenido en este video. Muy bueno! Gracias. Te ganaste un suscriptor y alguien que recomendará y compartirá este video a quien lo necesite. De nuevo, gracias!
Quería tomarme un momento para agradecerte profundamente por el increíble curso completo de Figma 2023 (desde cero y paso a paso) que has compartido en tu canal. He aprendido muchísimo gracias a tu dedicación y a la claridad con la que explicas cada concepto. Sin tu guía, no habría podido desarrollar mi proyecto con la confianza y habilidad que tengo ahora. Desde el primer video, me sentí acompañado en cada paso del proceso de aprendizaje. Tu voz tranquila y tu manera de explicar de forma tan convincente hicieron que cada lección fuera una experiencia agradable y motivadora. Aprecié mucho cómo lograste desglosar temas complejos en pasos manejables, lo cual me permitió avanzar sin sentirme abrumado en ningún momento. Cada sección del curso está tan bien estructurada que resulta fácil seguir el hilo y entender incluso los aspectos más avanzados de Figma. La manera en que presentas los ejemplos prácticos y las soluciones a problemas comunes demuestra no solo tu conocimiento profundo, sino también tu habilidad para enseñar de manera efectiva. Además, tu entusiasmo y pasión por el diseño se reflejan en cada video, lo que me ha inspirado a seguir aprendiendo y mejorando. Este curso ha sido una herramienta invaluable para mí, y estoy seguro de que muchos otros se han beneficiado igualmente de tu excelente trabajo. De nuevo, quiero agradecerte por tu esfuerzo y por compartir tu conocimiento de una manera tan accesible y alentadora. ¡Sigue con el excelente trabajo! Espero con ansias ver más contenido tuyo en el futuro.
Espectacular curso. Recomiendo, luego de este, ver el video de Mizko en el que reconstruye la web de Tesla, ya que ahi se siguen puliendo algunas cuestiones de auto-layer y responsive design. Gracias por el aporte!
Me viene genial tu curso!!!!, soy estudiante de 2ºDAW en CIFP Carlos III de Cartagena (Murcia, España). Muchas gracias por tus aportes y te animo a poner más contenido de calidad como el que enseñas,
Estoy comenzando en el mundo del diseño, y he tomado cursos y demás que al final me dejaron muy abrumada de tanta información incompleta. Cuando me apareció este video me sentí mucho mejor, mas acompañada y todas las dudas se me han esclarecido. Gracias por compartir este contenido, es de mucho valor para los que hasta ahora arrancamos como diseñadores.
Es que para eso los demás estudiamos una carrera y estamos más de 4 años preparándonos en una universidad y luego miles de cursos a parte para seguir aprendiendo. No vale para ser diseñador, hacerte cursitos....
TH-cam me recomendo este video y apenas escuché "palo seco estudios", me suscribí jajaja sigo a Pedro desde hace años y la verdad que muy buen contenido, espero que el tuyo tambien sea increíble Oscar.
Guau, mis respetos Oscar! Aun no termine el curso pero necesitaba frenar a comentar. Me encanta la pasion y el detalle de las explicaciones. Muy informativo, gracias por compartir tus conocimientos y Mucho exito en el crecimiento de este canal. Continuo Viendo el video. 👀
Hola Oscar!! INCREIBLE este curso felicitaciones!! Soy porgramador fullstack y necesitaba conocer bien figma, saludos desde argentina! aca tenes un seguidor mas ❤
Oscar, recién empiezo con el video pero ya me está gustando porque lo encarás desde lo profesional, como presentar y eso. Un like y suscripción !! Cuando finalice el video te comento mas. Gracias! (Desde Buenos Aires)
Cururso brutal amigo!! Vengo de Illustrator y me ha sido super facil pillarlo y no lo había tocado nuca, este curso debería costar pasta. Arriba Palo Seco!!
Hola Oscar. Estoy trabajando en mi portafolio de diseño ux y he estado viendo tutoriales de figma para terminar una app móvil y tu contenido me ha parecido el más claro, que aporta información de valor, ahora mismo estoy buscando cómo hacer un teclado android que pueda escribir en mi prototipo de alta fidelidad. Gracias por el curso, voy a seguirte y a ver el contenido de tu canal. Saludos desde México
brutal! esto mejora el flujo de trabajo al 100%... yo hasta ahora estaba haciendo todo en Photoshop, pero figma es mucho mas flexible para interfaces genial el curso! voy por la mitad!
Esto está excelente, si hubiese una versión de este doc justo para el tutorial que sea gratuito sería de mucha ayuda no solo para mi sino para todos asi podemos practicar de manera eficiente paso por paso
Buenas Atseo, estoy trabajando en una formación donde tendremos un documentos como este pero mucho mas currado, y mucho mas contenido. Pero no será gratuito :(
@@OscarRGB Bueno bueno, no todo puede ser gratis, me interesa es conocer y dominar la herramienta muchas gracias señor RGB voy por la mitad del video, espero hoy terminarlo!
Excelente video!! Una pregunta, en la parte de gestión de proyecto tienes un grid con los diseños finales donde hay breakpoints y se va ajustando al redimensionar. Cómo lo haces? Es un plugin? Gracias 🙌
Buenas excelente contenido en español. Una consulta podrías hacer un vídeo de como crear un switch botton para cambiar modos de modo dark a light por intermedio de variables porfavor es posible?
Tengo una duda, ya para hacer un diseño de pagina profesionalmente al cliente se le tendra que dar el diseño asi como muestras con los diseños de los botones, los colores etc etc?
Gracias por tu tiempo y dedicación. Muy clara y amena tu forma de enseñar. Te molesto consultándote si desde la fecha de creación del video a hoy es posible que ya no se puedan publicar o compartir las librerías en el Plan Starter. Saludos y gracias!
Hola Oscar buenísimo tutorial! Hoy abro la puerta a este nuevo mundo! Dejo una peguntita, siendo diseñadora el moodboard me gustaría hacerlo en Illustrator, ya que son todos programas de Adobe se podían importar los elementos a figma directamente? Para no armar los elementos con color, borde, etc. ya directamente desde el boceto copiar y pegar en el programa como hace Indesign que los copia como objetos inteligentes! Gracias!
Grandísimo video!. vaya crack!.. mucha info, iré poco a poco. pero gracias por compartir conocimiento! . Por cierto, el template que comentas en ocasiones de cofreelancer para empezar a organizar todo. tienes el enlace?, es un poco abrumador empezar desde 0 xD. Un saludo y buen día
Muchas gracias por el video!!. Estuve buscando el link de la página que citas en el minuto 17:20 pero no está en la descripción, me podrías comentar cuál es por favor?
2:09:07 mejor explicado imposible. Consulta, si me suscribo un mes, los recursos de figma los puedo seguir usando aun después de terminado la suscripción?
Hola, enhorabuena por el tutorial. ¿dónde podemos descargarnos el archivo de ejemplo que se ve en el video para ir aprendiendo con él? Gracias, un saludo.
Aviso para los despistados como yo, para crear las ¨pages¨ donde organizamos nuestros proyectos, solo podremos crear 3 en la version gratuita, pero para hacer la descarga de la maqueta de co-freelancer, tambien hay q pagar, asi q no se ilusionen como yo jaja
Muchas gracias por el curso Oscar. Todavía no lo he acabado pero me gusta tu forma de explicar. Me podrias decir si despues de este curso ya tendria buen manejo de Figma o necesitaria profundizarlo mucho mas con otros cursos?
Hola Jorge, si dominas bien todo lo que enseño en el curso, sólo necesitarás horas de práctica y aprender tema de prototipado e interacciones, también el mundo de los plugins es muy extenso en Figma y las nuevas funcionalidades como las variables, a ver si saco un tutorial sobre eso. Pero ya tienes una muy buena base, así que a darle caña.
Vengo del 2024, resulta que Figma ya no es de ADOBE ¡A buena hora! Porque así Figma podrá trabajar por su cuenta sin todo este sistema horrible de Adobe
Gran aporte, soy programador aún principiante y todavía soy un desastre en el diseño de una web, estoy batallando con css, con este vídeo es de gran ayuda, te deseo éxitos en tu canal
Como otro programador, te recomiendo ver cursos de figma exclusivamente para tus proyectos personales o freelance, fuera de eso, si es para una empresa tu deber no es diseñar, sos programador, no diseñador. Pd: Lo aclaro por que muchos confunden el frontend con ser diseñador y no es así
Hola, mil gracias por todo tu contenido de valor 💖.. quería hacerte una pregunta, el diseño se debe realizar en todos los frames: desktop, móvil y tablet? o uds eligen sólo un tamaño en cada una de las categorías?
Haciendo referencia al minuto 2:19:23 . Al colocar el icono dentro del boton no me lo hace de la misma forma que a ti. Me lo suelta dentro del frame pero no me lo alinea queda como ''volando'' dentro del mismo. ¿Cual crees que sea la razon?
Perdona mi ignorancia me recomendaron figma pero no sé si pueda hacer un tipo blog en figma o sería mejor algo como wordpress.Quedo al pendiente de la respuesta gracias
Te comento, Figma no es un CMS como lo es wordpress. Figma sirve para diseñar, no para desarrollar o maquetar. Hacemos los diseños en Figma para luego desarrollar una web o maquetar un Wordpress.
Hola.. Recién empiezo a ver el tema de figma. Al final es una herramienta para maquetar-diseñar webs y apps pero luego se terminan de hacer en otros programas.es así?. No es para generar una pieza final desde ahí.gracias!
Hola! Si exacto, por ahora Figma sirve para diseñar estos prototipos, luego se tiene que desarrollar con otros lenguajes de marca como HTML/CSS o lenguajes de programación.
Oscar gracias por tremendo video! De donde se consigue el archivo que usas en figma? En la url de la descripcion no funciona y en tu web tampoco lo encuentro. Gracias
Hola Oscar, muy bueno el curso, perdón la molestia, no encuentro el link para duplicar el figma, agradecería si me lo podrias compartir, desde ya muchas gracias
hola que tal parcero, genial el curso, gracias por todo, se te da muy bien explicar las cosas. te queria pregunatr el nombre de la pagina para los wireframes.
Hola Oscar! Una pregunta, me puedes dejar por acá el nombre de la página que utilizas para generar los Wireframes? Sería de gran ayuda, muchas gracias!!
Hola tu contenido es excelente! Considero que a los desarrolladores también les puede servir mucho saber utilizar bien Figma sobre todo cuando se trabaja en software factory. Saludo grande!
Buenas, Oscar! Gracias por tus videos! Tengo una duda respecto a Figma y cómo trata las imágenes. Creo un rectángulo de 1920x397px, para un hero por ejemplo, pero voy a rellenar el rectánulo con las 2 imágenes: primero con una imagen de 6000x4000px (con 8,94 MB y de 24 bits) y luego con otra imagen de 1920x1080px (con 1,92 MB y 24 bits), para ver al exportar cómo me lo hace (peso del archivo), en jpg. Pues bien, aunque el resultado de las 2 pruebas es una imagen de 1920x397px, y partiendo de una imagen más grande que la otra, alguien podría pensar que a mismo número de píxeles y calidad de color, el resultado sería un peso del archivo idéntico. Pues no, varía bastante. ¿Qué factores actúan aquí para esa diferencia? ¿Puede ser que con la primera opción, como partimos con una imagen mucho más grande, hay que comprimir más y eso hace que el resultado tenga más peso? A ver si me puedes aclarar esto. Muchas gracias nuevamente!
@@OscarRGB Hola Oscar muchas gracias por la respuesta, de hecho como dices ya encontré todo el material del vídeo en dicho curso de Figma Pro, lo único que no encontré fue el archivo de BEELINKO la página web de práctica que sale al final del vídeo, si estuviera en otra sección de Co-Freelance me dices porfa. ¡Saludos!.
@@WillySognatore Ostras el proyecto beelinko no está subido, es un proyecto real y no puedo subirlo, pero si te interesa mucho envíame un email y te doy acceso para que puedas verlo.
S e la pasa ofreciendo cofrelance, pero no esta tan mal, para la proxima si vas a usar otra diseño web y no lo vas hacer tu de cero pasalo para q no sotros podamos hacrlo
❤ Apóyame con un Like si quieres más contenido sobre diseño web.
hola! gracias por el curso, por favor comparte el link de afiliado de Figma
Muchas gracias @@irradev aqui te dejo el link Oscarrgb.com/empezar-figma a darle caña!
MUY BIEN EXPLICADO GRACIAS OSCAR 🖥
00:00 - Introducción al curso ✔
01:12 - Qué es Figma y porqué usarlo ✔
10:07 - Gestión de un proyecto de Diseño Web ✔
29:04 - Interfaz y Herramientas de Figma ✔
1:04:37 - Plugins de Figma y comunidad ✔
1:13:34 - ¿Qué es el Design System?
1:20:20 - Creando el Design System (Colores)
1:36:00 - Creando el Design System (Tipografia)
1:53:08 - Definiendo la estructura (Grids y Columnas)
2:00:55 - Configurando los iconos
2:08:45 - ¿Qué es el Autolayout?
2:14:14 - Diseño de Botones
2:38:54 - Diseñando la web (Desktop)
3:42:17 - Diseño web en Movil (Responsive Design)
4:21:47 - Agradecimientos y Despedida
Estaba a punto de comenzar un curso de UX/UI en la UTN en Buenos Aires, con muchas dudas. Pero este video me aclaró un montón de cuestiones. Realmente me resultó muy útil, preciso, sintetizado y sobre todo, profesional. gran contenido, gracias por este aporte!
Muchas gracias! Espero que te hayas suscrito haha ❤️ Por cierto, empezarás el curso?
yo queria meterme a coder house en uxui espero que me abra los ojos este tutorial
@@rodrigocordova9362 Eso espero! Un saludo Rodrigo!
Busca cursos universitarios, todo el mundo te dice que los cursos de Coder están buenos, pero son muy básicos@@rodrigocordova9362
Antes de CODER HOUSE probá con CODO A CODO es gratis y el CURSO de UX-UI es excelente y gratuito!!
soy de Venezuela y voy a hacer el sacrificio de pagar este mes en co-freelancer, llevo mucho tiempo ahorrando pero siento que esto puede ser la oportunidad que busco para conseguir un trabajo digno como freelance deséenme suerte y oraciones 😊🙏🙏, apenas lo haga les digo mi experiencia
Espero que te vaya muy bien, cualquier duda en diseño, puedes consultarme por el Discord de la comunidad 😉
Vale la pena, tiene algunos detalles y para disfrutarlo al máximo tienen que pagar por figma, no he conseguido trabajo todavía pero tengo fe
Si se puede bro. Me gustaría aprender. Me puedes orientar un poco?
Cómo vas? te felicito por tu disposición de aprender. Escribeme cuando puedas, quizas puedas colaborar en mi equipo
No vendo cursos cursos, mas bien me dedico a hacer proyectos independientes y me gusta invitar a personas con tu entusiasmo
Que te vaya muy pero muy muy muy muy muy muy biennnnnnnnnnnnnnnnnnnnnnn
Dia 1 lo estoy viendo con mi diseñadora. Vamos a ver como resulta esto. Un like y comento como nos fue después de un mes!
como te fue??
Cómo te fue?
@@gabaacevedo mal parece
@@burgoxbux6215jajajajaja por lo visto si
9 meses despues: 💀
Tuve que pausar para comentar. I-N-C-R-E-I-B-L-E tu forma de explicar y todo el contenido en este video. Muy bueno! Gracias. Te ganaste un suscriptor y alguien que recomendará y compartirá este video a quien lo necesite. De nuevo, gracias!
Muchas gracias por tu comentario, de verdad se agradece ❤️
Quería tomarme un momento para agradecerte profundamente por el increíble curso completo de Figma 2023 (desde cero y paso a paso) que has compartido en tu canal. He aprendido muchísimo gracias a tu dedicación y a la claridad con la que explicas cada concepto. Sin tu guía, no habría podido desarrollar mi proyecto con la confianza y habilidad que tengo ahora.
Desde el primer video, me sentí acompañado en cada paso del proceso de aprendizaje. Tu voz tranquila y tu manera de explicar de forma tan convincente hicieron que cada lección fuera una experiencia agradable y motivadora. Aprecié mucho cómo lograste desglosar temas complejos en pasos manejables, lo cual me permitió avanzar sin sentirme abrumado en ningún momento.
Cada sección del curso está tan bien estructurada que resulta fácil seguir el hilo y entender incluso los aspectos más avanzados de Figma. La manera en que presentas los ejemplos prácticos y las soluciones a problemas comunes demuestra no solo tu conocimiento profundo, sino también tu habilidad para enseñar de manera efectiva.
Además, tu entusiasmo y pasión por el diseño se reflejan en cada video, lo que me ha inspirado a seguir aprendiendo y mejorando. Este curso ha sido una herramienta invaluable para mí, y estoy seguro de que muchos otros se han beneficiado igualmente de tu excelente trabajo.
De nuevo, quiero agradecerte por tu esfuerzo y por compartir tu conocimiento de una manera tan accesible y alentadora. ¡Sigue con el excelente trabajo! Espero con ansias ver más contenido tuyo en el futuro.
Wow, muchas gracias de corazón por tu mensaje! me has animado el día :)
Espectacular curso. Recomiendo, luego de este, ver el video de Mizko en el que reconstruye la web de Tesla, ya que ahi se siguen puliendo algunas cuestiones de auto-layer y responsive design.
Gracias por el aporte!
tremendo curso, empece hace un par de dias el certificado en coursera y esto me ha hecho adelantarme mucho!, gracias Capo, saludos desde portugal.
DIOS MIO QUE BUEN VIDEO, me dejaste claras demasiadas cosas, apenas estoy comenzando en el mundo del diseño web, y este curso que brindas es exelente.
Me alegro mucho! de aquí poco saco un curso top de diseño web y Figma que estoy seguro que te encantará!
Me viene genial tu curso!!!!, soy estudiante de 2ºDAW en CIFP Carlos III de Cartagena (Murcia, España). Muchas gracias por tus aportes y te animo a poner más contenido de calidad como el que enseñas,
Estoy comenzando en el mundo del diseño, y he tomado cursos y demás que al final me dejaron muy abrumada de tanta información incompleta. Cuando me apareció este video me sentí mucho mejor, mas acompañada y todas las dudas se me han esclarecido. Gracias por compartir este contenido, es de mucho valor para los que hasta ahora arrancamos como diseñadores.
genial! me alegro muchísimo, esa es la intención!
Es que para eso los demás estudiamos una carrera y estamos más de 4 años preparándonos en una universidad y luego miles de cursos a parte para seguir aprendiendo. No vale para ser diseñador, hacerte cursitos....
TH-cam me recomendo este video y apenas escuché "palo seco estudios", me suscribí jajaja sigo a Pedro desde hace años y la verdad que muy buen contenido, espero que el tuyo tambien sea increíble Oscar.
haha grande Rodri! gracias por el apoyo
Guau, mis respetos Oscar! Aun no termine el curso pero necesitaba frenar a comentar. Me encanta la pasion y el detalle de las explicaciones. Muy informativo, gracias por compartir tus conocimientos y Mucho exito en el crecimiento de este canal. Continuo Viendo el video. 👀
Muchisimas gracias por el apoyo, un grande!
Hola Oscar!! INCREIBLE este curso felicitaciones!! Soy porgramador fullstack y necesitaba conocer bien figma, saludos desde argentina! aca tenes un seguidor mas ❤
Muchas gracias Luis!
WOW !! Eres un maquina muchisimas gracias!!! Quiero empezar a aprender a ser diseñadora ux y estoy aprendienddo muchisimo contigo
Muchas gracias Eva!
Soy ingeniero de sistemas, pero el diseño de interfaces es de lo más importante para mi campo, que es el desarrollo mobile
Genial! Espero que te sirva! 😍
Excelente trabajo amigo, explicas muy bien y lo haces de la manera correcta, gracias por tu aporte
Oscar, recién empiezo con el video pero ya me está gustando porque lo encarás desde lo profesional, como presentar y eso. Un like y suscripción !! Cuando finalice el video te comento mas. Gracias! (Desde Buenos Aires)
Muchas gracias Graciela!
Uff oscar que currazoooooo! buenisimo el video mil gracias por tu tiempo y por compartir tu settings de trabajo.
Cururso brutal amigo!! Vengo de Illustrator y me ha sido super facil pillarlo y no lo había tocado nuca, este curso debería costar pasta. Arriba Palo Seco!!
Muchas gracias de corazón, estos mensajes ayudan a seguir dándole!
Hola Oscar. Estoy trabajando en mi portafolio de diseño ux y he estado viendo tutoriales de figma para terminar una app móvil y tu contenido me ha parecido el más claro, que aporta información de valor, ahora mismo estoy buscando cómo hacer un teclado android que pueda escribir en mi prototipo de alta fidelidad. Gracias por el curso, voy a seguirte y a ver el contenido de tu canal. Saludos desde México
Muchas gracias!!!
Brutal Oscar, se agradece un montón el pedazo curro que te has pegado.
muchas gracias!!!
Gracias Hermano me sirvió y me encanto, saludos.
brutal! esto mejora el flujo de trabajo al 100%... yo hasta ahora estaba haciendo todo en Photoshop, pero figma es mucho mas flexible para interfaces genial el curso! voy por la mitad!
@@cristian.giardina a darle cañaaa!! Muchas gracias!
Tremendo video!!! , aprendí bastante, muchas gracias, gran trabajo.
eres un crack mis respetosss por gente como tu es que vale la pena vivir
@@brntiven hhahaha muchas gracias!!
Ostras Oscar, felicidades por el gran curso, tan completo que has realizado, gracias por compartir 💪💪
Muchísimas gracias por el apoyo!
Gracias Oscar por compartir tu conocimiento! Excelente tutorial, me ayudó muchísimo.
Esto está excelente, si hubiese una versión de este doc justo para el tutorial que sea gratuito sería de mucha ayuda no solo para mi sino para todos asi podemos practicar de manera eficiente paso por paso
Buenas Atseo, estoy trabajando en una formación donde tendremos un documentos como este pero mucho mas currado, y mucho mas contenido. Pero no será gratuito :(
@@OscarRGB Bueno bueno, no todo puede ser gratis, me interesa es conocer y dominar la herramienta muchas gracias señor RGB voy por la mitad del video, espero hoy terminarlo!
10:45 muy bueno como lo divide.
Es super útil para mantener tus proyectos organizados :)
Este contenido realmente vale Oro, muchas gracias por tan valioso curso.
Muchas gracias por tu comentario! seguimos!
Oscar que buen tipo eres jaja Gracias por este curso ❤
@@Poltergeist-p9v hahah gracias 😍😍
Subscrita después de ver este video. Gracias
Grande! muchas gracias!
Muchas gracias! Me está ayudando un montón 😊😊
Te quiero Oscar, muchas gracias por este curso!
Felicidades Oscar, muy didáctico¡¡
Excelente curso, muy bien explicado, lo agregué a mis favoritos, muchas gracias por el aporte.
Gracias a ti!
Te has ganado un nuevo seguidor... y el cielo jaja 🎉
Tome su like, tome su subscripción. Buenísimo Video!
Mil gracias!!🤩
Muchas gracias por el curso, está espectacular. Espero sigas creciendo🔥🔥.
Gracias a ti! 😍
Te pasaste, grande Oscar
Gracias! Hernan, se agradece el apoyo!
hoy que tengo el domingo libre me lo voy a ver desde cero paso a paso
Que bueno espero que te sirva mucho!
Excelente video!! Una pregunta, en la parte de gestión de proyecto tienes un grid con los diseños finales donde hay breakpoints y se va ajustando al redimensionar. Cómo lo haces? Es un plugin? Gracias 🙌
QUE MONSTRUO TIO. SURMAAAAAAANO! TE CAMELO. NA EN SERIO WTF... USTEL E UNA MARQUINA ASERE! MÓSSSTRUO
hahah gracias Shurmano!!!
Buenas excelente contenido en español. Una consulta podrías hacer un vídeo de como crear un switch botton para cambiar modos de modo dark a light por intermedio de variables porfavor es posible?
Es posible y fácil, miro de hacerlo!
Gracias!!!
Excelente video, profesional, explicado con claridad!
Gracias de antemano!
Michas gracias Santiago!
@@OscarRGB A usted Oscar!
muy muy buen curso, muchas gracias por el video!!
Muchas gracias Diego!
Muchas Gracias por el Tiempo y la dedicación excelente contenido y excelente forma de explicar crack
Mil gracias!🤩
Iniciando mi curso 16/08/24
Les aviso como me va
Tengo una duda, ya para hacer un diseño de pagina profesionalmente al cliente se le tendra que dar el diseño asi como muestras con los diseños de los botones, los colores etc etc?
Te ganaste una seguidora 😊
Muchas gracias!😀🎉
Buenos dias! no entiendo de donde se puede descargar el archivo. Gracias! muy buen curso por lo que voy viendo
Gracias por tu tiempo y dedicación. Muy clara y amena tu forma de enseñar.
Te molesto consultándote si desde la fecha de creación del video a hoy es posible que ya no se puedan publicar o compartir las librerías en el Plan Starter.
Saludos y gracias!
Pues tendría que mirarlo pues no uso el plan gratuito, pero hay modos de hacerlo aunque sea un poco mas lento y costoso.
Hola Oscar buenísimo tutorial! Hoy abro la puerta a este nuevo mundo! Dejo una peguntita, siendo diseñadora el moodboard me gustaría hacerlo en Illustrator, ya que son todos programas de Adobe se podían importar los elementos a figma directamente? Para no armar los elementos con color, borde, etc. ya directamente desde el boceto copiar y pegar en el programa como hace Indesign que los copia como objetos inteligentes! Gracias!
Podrás copiar y pegar vectores, textos e imágenes, pero no todo se copiará perfecto si lo haces en masa
Muy bueno! Gracias.
Grandísimo video!. vaya crack!.. mucha info, iré poco a poco. pero gracias por compartir conocimiento! . Por cierto, el template que comentas en ocasiones de cofreelancer para empezar a organizar todo. tienes el enlace?, es un poco abrumador empezar desde 0 xD. Un saludo y buen día
Gracias por tu comentario 😍el enlace está para descargar dentro del curso de figma en co-freelance.
Buen video saludos desde Venezuela
Muchas gracias!
Muchas gracias por el video!!. Estuve buscando el link de la página que citas en el minuto 17:20 pero no está en la descripción, me podrías comentar cuál es por favor?
X2
2:09:07 mejor explicado imposible. Consulta, si me suscribo un mes, los recursos de figma los puedo seguir usando aun después de terminado la suscripción?
Muchas gracias. Eso es, podrás descargarlos y tenerlos para siempre ;)
Hola, enhorabuena por el tutorial. ¿dónde podemos descargarnos el archivo de ejemplo que se ve en el video para ir aprendiendo con él? Gracias, un saludo.
En co-freelance.com, en poco tiempo saco un curso muy completo de Figma y UI con cantidad de contenido descargable, estate atento al canal 😀
me cogieron para un curro y ahora me piden figma, te acabas de convertir en el dios al que rezo
Excelente video!! Consulta, cómo seteaste los valores de las sombras? Sólo variando la opacidad? Saludos
Opacidad X y Y, existe un plugin llamado beautifull shadows que funciona muy bien.
Aviso para los despistados como yo, para crear las ¨pages¨ donde organizamos nuestros proyectos, solo podremos crear 3 en la version gratuita, pero para hacer la descarga de la maqueta de co-freelancer, tambien hay q pagar, asi q no se ilusionen como yo jaja
Muchas gracias Oscar!
Muchas gracias por el curso Oscar. Todavía no lo he acabado pero me gusta tu forma de explicar. Me podrias decir si despues de este curso ya tendria buen manejo de Figma o necesitaria profundizarlo mucho mas con otros cursos?
Hola Jorge, si dominas bien todo lo que enseño en el curso, sólo necesitarás horas de práctica y aprender tema de prototipado e interacciones, también el mundo de los plugins es muy extenso en Figma y las nuevas funcionalidades como las variables, a ver si saco un tutorial sobre eso. Pero ya tienes una muy buena base, así que a darle caña.
Buenas!! Excelente curso !!! Quería saber si hay alguna manera de publicar la web directamente desde figma? Gracias y saludos!
Muchas gracias, pues tengo un video que trata precisamente de eso, de figma a web en un minuto se llama, espero que te sirva!😉
Vengo del 2024, resulta que Figma ya no es de ADOBE ¡A buena hora! Porque así Figma podrá trabajar por su cuenta sin todo este sistema horrible de Adobe
Gracias master !!
muchas gracias!!
Gran aporte, soy programador aún principiante y todavía soy un desastre en el diseño de una web, estoy batallando con css, con este vídeo es de gran ayuda, te deseo éxitos en tu canal
Hola! Muchas gracias! Me alegro que te haya gustado 😉
Como otro programador, te recomiendo ver cursos de figma exclusivamente para tus proyectos personales o freelance, fuera de eso, si es para una empresa tu deber no es diseñar, sos programador, no diseñador.
Pd: Lo aclaro por que muchos confunden el frontend con ser diseñador y no es así
Hola, mil gracias por todo tu contenido de valor 💖.. quería hacerte una pregunta, el diseño se debe realizar en todos los frames: desktop, móvil y tablet? o uds eligen sólo un tamaño en cada una de las categorías?
Se suelen diseñar en esos 3 layouts, a no ser que sea una app nativa por ejemplo y solo de diseñe en versión mobile😉
Haciendo referencia al minuto 2:19:23 . Al colocar el icono dentro del boton no me lo hace de la misma forma que a ti. Me lo suelta dentro del frame pero no me lo alinea queda como ''volando'' dentro del mismo. ¿Cual crees que sea la razon?
Está resuelto! Era porque (ni idea la razón) se me habia quitado el auto frame del boton duplicado. ¡Gracias por los tutoriales @OscarRGB !
Asi me gusta, problema y solución hahaha👍
Perdona mi ignorancia me recomendaron figma pero no sé si pueda hacer un tipo blog en figma o sería mejor algo como wordpress.Quedo al pendiente de la respuesta gracias
Te comento, Figma no es un CMS como lo es wordpress. Figma sirve para diseñar, no para desarrollar o maquetar.
Hacemos los diseños en Figma para luego desarrollar una web o maquetar un Wordpress.
Muy bueno!!!!!
Hola..
Recién empiezo a ver el tema de figma. Al final es una herramienta para maquetar-diseñar webs y apps pero luego se terminan de hacer en otros programas.es así?. No es para generar una pieza final desde ahí.gracias!
Hola! Si exacto, por ahora Figma sirve para diseñar estos prototipos, luego se tiene que desarrollar con otros lenguajes de marca como HTML/CSS o lenguajes de programación.
no hay nigun link en la descripcion.... de los que se menciona en el curso
:( triste
Podrás pasar la herramienta que nombras en el video para wireframes? No la encuentro
Creo hablo de whimsical!
Como copio la tinta del color, cuando muestras el color neutro. No se como cambiar el cursor. Gracias de antemano.
@@gracimarperezmorgado5426 “i” para el chupa tintas “v” para el cursor normal 😀
@@OscarRGB Muchas gracias ✨✨🤗
Alguien q ya lo hizo me dice si vale la pena el curso?
Hola Oscar excelente video, cual es el link para descargar el design system de cofreelance? Gracias por el contenido
El design system se encuentra dentro del curso de Figma en co-freelance
Oscar gracias por tremendo video! De donde se consigue el archivo que usas en figma? En la url de la descripcion no funciona y en tu web tampoco lo encuentro. Gracias
El archivo para descarar está en la formación que hay en co-freelance.
Buen video, soy tu Susciptor nuemero 1000 haha.
Grande!!!! Tendremos que hacer una fiesta!! Gracias por tu apoyo!
En tu próximo video, me tienes que hacer una mención honorífica. 😂😂 Saludos Crack@@OscarRGB
pORQUE LA BARRA A MI ME SALE MAS REDUCIDA Y ABAJO?
Hola Oscar, muy bueno el curso, perdón la molestia, no encuentro el link para duplicar el figma, agradecería si me lo podrias compartir, desde ya muchas gracias
X2
hola que tal parcero, genial el curso, gracias por todo, se te da muy bien explicar las cosas. te queria pregunatr el nombre de la pagina para los wireframes.
Muchas gracias, la web es Whimsical!
Hola Oscar! Una pregunta, me puedes dejar por acá el nombre de la página que utilizas para generar los Wireframes? Sería de gran ayuda, muchas gracias!!
En el video uso whimsical!
me encanto el contenido hasta ahora, como se llama la herramienta para wareframes?
Muchas gracias por tu comentario, la herramienta se llama Whimsical, también puede interesarte el plugin de Relume para Figma para crear wireframes.
amigo, despues como paso eso a una pagina web con la version gratuita?
Hola tu contenido es excelente! Considero que a los desarrolladores también les puede servir mucho saber utilizar bien Figma sobre todo cuando se trabaja en software factory. Saludo grande!
Muchas gracias Mauro, sin duda que un desarrollador domine y entienda bien Figma es un punto muy a su favor!
Buenas, Oscar! Gracias por tus videos! Tengo una duda respecto a Figma y cómo trata las imágenes. Creo un rectángulo de 1920x397px, para un hero por ejemplo, pero voy a rellenar el rectánulo con las 2 imágenes: primero con una imagen de 6000x4000px (con 8,94 MB y de 24 bits) y luego con otra imagen de 1920x1080px (con 1,92 MB y 24 bits), para ver al exportar cómo me lo hace (peso del archivo), en jpg. Pues bien, aunque el resultado de las 2 pruebas es una imagen de 1920x397px, y partiendo de una imagen más grande que la otra, alguien podría pensar que a mismo número de píxeles y calidad de color, el resultado sería un peso del archivo idéntico. Pues no, varía bastante. ¿Qué factores actúan aquí para esa diferencia? ¿Puede ser que con la primera opción, como partimos con una imagen mucho más grande, hay que comprimir más y eso hace que el resultado tenga más peso? A ver si me puedes aclarar esto. Muchas gracias nuevamente!
Creo que no he entendido mucho la pregunta pero si Figma comprime las imágenes al exportar, no se muy bien el caso concreto a que se debe
Hola.no encuentro el enlace para hacer parte de co-freelance ..gracias ♥
Co-freelance.com :)
Para este curso se requiere la version pro de figma.
Hola! como se hace para exportar el diseño para luego integrarlo a wordpress? Gracias!
Existe un plugin para exportar como plantilla .json pero hasta cuando vi daba bastantes problemas de maquetación, mejor el plugin del último video 😉
@@OscarRGB lo acabo de ver, muchas gracias! ☺️
Fignel se llama el plugin para exportarlo a Elementor, por si aun te interesa 😉
@@OscarRGB oh Dios Si!! porque tengo que pasarlo luego a WordPress 🙏🏼
Gracias desde México!!!!
Gracias uwu
donde esta el link de coo frelance para descargar la plantila de los design??
Tednras que ser miembro de co-freelance para poder descargarte la plantilla, la encontrarás dentro del curso
Hola Oscar, me suscribí a co-freelance pero no encuentro los recursos para este curso en especifico de Figma en TH-cam, me ayudas?
Hola willy, los recursos están en el curso de figma pro, si no los encuentras dime y lo miro!
@@OscarRGB Hola Oscar muchas gracias por la respuesta, de hecho como dices ya encontré todo el material del vídeo en dicho curso de Figma Pro, lo único que no encontré fue el archivo de BEELINKO la página web de práctica que sale al final del vídeo, si estuviera en otra sección de Co-Freelance me dices porfa. ¡Saludos!.
@@WillySognatore Ostras el proyecto beelinko no está subido, es un proyecto real y no puedo subirlo, pero si te interesa mucho envíame un email y te doy acceso para que puedas verlo.
@@OscarRGB Muchas gracias Oscar, te envié correo. Saludos! 😁
S e la pasa ofreciendo cofrelance, pero no esta tan mal, para la proxima si vas a usar otra diseño web y no lo vas hacer tu de cero pasalo para q no sotros podamos hacrlo
@@juandiegocorrea4500 hahah mirare el tema