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
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.
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!
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,
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!
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....
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
UA-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.
Hola Oscar!! INCREIBLE este curso felicitaciones!! Soy porgramador fullstack y necesitaba conocer bien figma, saludos desde argentina! aca tenes un seguidor mas ❤
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. 👀
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?
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!!
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!
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)
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?
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
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.
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.
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.
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
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
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?
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.. 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.
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 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 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.
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
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!
yo tengo duda de cuanto cobrar, tome trabajo y soy autodidacta, el cliente lo sabe, pero bueno hago mi mejor esfuerzo ya q no tengo el figma pago trabajo con el gratis q solo me da para hacer 3 paginas, y ya me bloque usar iconos, plugins asi hago todo con el puntero. estoy desarrollando una app completo d principio a fin una especie d "uber" pero con otro tipo d servicio, el cliente solo me dijo la idea no mas, y estoy haciendo todo solo. ya hice como 20 pantallas, pero no se q cobrarle al final
Dependerá mucho de tu experiencia, del cliente y de la complejidad del proyecto, es difícil decidir, contabiliza las horas y súmale el beneficio que le puede traer al cliente durante un periodo lógico para su negocio
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
Hola! Tengo una consulta: Si utilizo el plan de pago durante un mes para poder crear páginas y proyectos ilimitados, y no renuevo mi plan, pierdo acceso a las muchas páginas y documentos que creé? O sólo no puedo seguir creando más sin dejar de poder utilizar los proyectos que ya creé mientras tenía el plan de pago activo?
Si no ha cambiado seguirás teniendo acceso a esos documentos, pero no podrás crear nuevas páginas una vez hayas llegado al limite free si ya no tienes la cuenta pro. Antiguamente podías descargar un documento con muchas páginas para usarlas tu cambiándoles el nombre y uso desde la cuenta free, lo que no podrás crear nuevas. Por cierto si vas a pagar el plan no te olvides de usar mi link, que me ayudas mucho ;)
Hacen referencia a los colores de estado que todo sistema necesita, para mensajes de aprobación o error, muy típicos en tooltips, o toast entre otros widgets. Por ejemplo al escribir mal un email para ingresar en un login.
Hola Oscar! Tengo una duda en cuanto al tamaño de pantalla de desktop. Yo suelo diseñar en tamaño 1920px (en figma veo que el de desktop max que ofrecen es de 1440px que es el ancho máximo que siempre le doy a mi contenido). Lo estoy haciendo mal??
No hay nada malo, dependerá del diseño, eso si ten en cuenta los márgenes. Desktop tradicionalmente ha sido en 14440px y pantallas grandes en mas, pero hoy en día hay mucha pantalla pa panorámica así que depende del proyecto.
@@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.
Una consulta: si pago la suscripción de pago de Figma solo por unos dos o tres meses, pero luego la cancelo, entonces todos los proyectos que creé durante ese tiempo que pagué ¿se mantienen después de cancelar la suscripción o ya no?
❤ 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!
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!!
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: 💀
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
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 :)
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 ❤️
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,
Te quiero Oscar, muchas gracias por este curso!
tremendo curso, empece hace un par de dias el certificado en coursera y esto me ha hecho adelantarme mucho!, gracias Capo, saludos desde portugal.
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!
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....
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!!!
UA-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
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!
Gracias Hermano me sirvió y me encanto, saludos.
Excelente trabajo amigo, explicas muy bien y lo haces de la manera correcta, gracias por tu aporte
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! 😍
WOW !! Eres un maquina muchisimas gracias!!! Quiero empezar a aprender a ser diseñadora ux y estoy aprendienddo muchisimo contigo
Muchas gracias Eva!
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!
10:45 muy bueno como lo divide.
Es super útil para mantener tus proyectos organizados :)
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?
Tremendo video!!! , aprendí bastante, muchas gracias, gran 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!
Subscrita después de ver este video. Gracias
Grande! muchas gracias!
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!
eres un crack mis respetosss por gente como tu es que vale la pena vivir
@@brntiven hhahaha muchas gracias!!
Uff oscar que currazoooooo! buenisimo el video mil gracias por tu tiempo y por compartir tu settings de trabajo.
QUE MONSTRUO TIO. SURMAAAAAAANO! TE CAMELO. NA EN SERIO WTF... USTEL E UNA MARQUINA ASERE! MÓSSSTRUO
hahah gracias Shurmano!!!
Brutal Oscar, se agradece un montón el pedazo curro que te has pegado.
muchas gracias!!!
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!
Este contenido realmente vale Oro, muchas gracias por tan valioso curso.
Muchas gracias por tu comentario! seguimos!
Felicidades Oscar, muy didáctico¡¡
Gracias Oscar por compartir tu conocimiento! Excelente tutorial, me ayudó muchísimo.
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 🙌
Muchas gracias! Me está ayudando un montón 😊😊
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!
Ostras Oscar, felicidades por el gran curso, tan completo que has realizado, gracias por compartir 💪💪
Muchísimas gracias por el apoyo!
Oscar que buen tipo eres jaja Gracias por este curso ❤
@@Poltergeist-p9v hahah gracias 😍😍
Excelente curso, muy bien explicado, lo agregué a mis favoritos, muchas gracias por el aporte.
Gracias a ti!
Muchas gracias por el contenido, lo explicas todo muy bien! felicidades del por canal!!🤩
Muchas gracias por el curso, está espectacular. Espero sigas creciendo🔥🔥.
Gracias a ti! 😍
Te has ganado un nuevo seguidor... y el cielo jaja 🎉
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.
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.
Tome su like, tome su subscripción. Buenísimo Video!
Mil 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!
Podrás copiar y pegar vectores, textos e imágenes, pero no todo se copiará perfecto si lo haces en masa
Te pasaste, grande Oscar
Gracias! Hernan, se agradece el apoyo!
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.
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 😀
Excelente video, profesional, explicado con claridad!
Gracias de antemano!
Michas gracias Santiago!
@@OscarRGB A usted Oscar!
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!😉
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.
hoy que tengo el domingo libre me lo voy a ver desde cero paso a paso
Que bueno espero que te sirva mucho!
Iniciando mi curso 16/08/24
Les aviso como me va
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.
Alguien q ya lo hizo me dice si vale la pena el curso?
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
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!🤩
Buenos dias! no entiendo de donde se puede descargar el archivo. Gracias! muy buen curso por lo que voy viendo
Buen video saludos desde Venezuela
Muchas gracias!
Muy bueno! Gracias.
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
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😉
Gracias master !!
muchas gracias!!
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
Te ganaste una seguidora 😊
Muchas gracias!😀🎉
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 ;)
Muchas gracias Oscar!
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.
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 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!
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
no hay nigun link en la descripcion.... de los que se menciona en el curso
:( triste
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!
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.
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.
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
Muy bueno!!!!!
yo tengo duda de cuanto cobrar, tome trabajo y soy autodidacta, el cliente lo sabe, pero bueno hago mi mejor esfuerzo ya q no tengo el figma pago trabajo con el gratis q solo me da para hacer 3 paginas, y ya me bloque usar iconos, plugins asi hago todo con el puntero. estoy desarrollando una app completo d principio a fin una especie d "uber" pero con otro tipo d servicio, el cliente solo me dijo la idea no mas, y estoy haciendo todo solo. ya hice como 20 pantallas, pero no se q cobrarle al final
Dependerá mucho de tu experiencia, del cliente y de la complejidad del proyecto, es difícil decidir, contabiliza las horas y súmale el beneficio que le puede traer al cliente durante un periodo lógico para su negocio
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
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 ✨✨🤗
Gracias uwu
Recién empecé a ver el video, no sé por qué lo pongo a 1080p y aún así se ve borrosa la imagen, soy el único al que le pasa?
No, tambien el audio baja mucho, no se si es porque no se acerca lo suficiente al microfono.
Hola! Tengo una consulta: Si utilizo el plan de pago durante un mes para poder crear páginas y proyectos ilimitados, y no renuevo mi plan, pierdo acceso a las muchas páginas y documentos que creé? O sólo no puedo seguir creando más sin dejar de poder utilizar los proyectos que ya creé mientras tenía el plan de pago activo?
Si no ha cambiado seguirás teniendo acceso a esos documentos, pero no podrás crear nuevas páginas una vez hayas llegado al limite free si ya no tienes la cuenta pro. Antiguamente podías descargar un documento con muchas páginas para usarlas tu cambiándoles el nombre y uso desde la cuenta free, lo que no podrás crear nuevas.
Por cierto si vas a pagar el plan no te olvides de usar mi link, que me ayudas mucho ;)
@@OscarRGB Ah, ya, muchas gracias! Sí, si decido pagar el plan, lo haré desde allí! ✨
@@michellajustmichaella muchas gracias
Hola.no encuentro el enlace para hacer parte de co-freelance ..gracias ♥
Co-freelance.com :)
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
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 🙏🏼
Para este curso se requiere la version pro de figma.
Llegué a una duda con el Design System de Colores. Porque hay Sucess, Warning, Error ?
Hacen referencia a los colores de estado que todo sistema necesita, para mensajes de aprobación o error, muy típicos en tooltips, o toast entre otros widgets. Por ejemplo al escribir mal un email para ingresar en un login.
Hola Oscar! Tengo una duda en cuanto al tamaño de pantalla de desktop. Yo suelo diseñar en tamaño 1920px (en figma veo que el de desktop max que ofrecen es de 1440px que es el ancho máximo que siempre le doy a mi contenido). Lo estoy haciendo mal??
No hay nada malo, dependerá del diseño, eso si ten en cuenta los márgenes. Desktop tradicionalmente ha sido en 14440px y pantallas grandes en mas, pero hoy en día hay mucha pantalla pa panorámica así que depende del proyecto.
@@OscarRGB sí, trabajo con contenido máximo de 1440px con margenes de 48px a cada lado. Gracias por la rapidez de respuesta!
Hola Oscar, me suscribí a co-freelance pero no encuentro los recursos para este curso en especifico de Figma en UA-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! 😁
Te haría una Estatua diseñada en Figma, graciass!!!!😁😁
Hahah gracias!
amigo, despues como paso eso a una pagina web con la version gratuita?
me cogieron para un curro y ahora me piden figma, te acabas de convertir en el dios al que rezo
Cual es el link para descargar el design system, o solo tengo que suscribirme a co freelance?
Así es, encontrarás el documento junto al curso de Figma PRO en co-freelance, un slaudo.
Una consulta: si pago la suscripción de pago de Figma solo por unos dos o tres meses, pero luego la cancelo, entonces todos los proyectos que creé durante ese tiempo que pagué ¿se mantienen después de cancelar la suscripción o ya no?
Asi es, se mantienen pero no podrás crear nuevas paginas en ellos, si has superado el limite de free 😉
@@OscarRGB muchas gracias por su respuesta :)
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