FIGMA COURSE 2024 | 01 Introduction to Figma

[@JeremiasCortes1011]

De verdad muchísima gracias por este contenido, claro y gratuito. Me ayuda mucho para seguir con mi formación y poder saber que hacer en el día de mañana, si frontend, backend o full stack. Por ahora no me cierro a nada así que cualquier aprendizaje sobre este mundo es bienvenido.

[@alegrecode]

Este contenido de calidad no tiene precio. Super claro y completo. Gracias por compartir tus conocimientos!🤩👍

[@mokkapp]

Gracias a ti por verlo y contento de que pueda servir de ayuda! Un saludo 👋

[@PamConPalta69]

Hoy miércoles 26 de julio empezando con este curso de Figma !! 💪 Soy uno más a esta comunidad ! :D Saludos Mokkapp...!

[@winston911130]

me too

[@armherr36]

Yo igual, pero es junio todavía 😅

[@mokkapp]

A darle caña!! A ver qué tal te va y cualquier consulta, no dudes en preguntar! gracias y un saludo!! 🫡

[@domingouribe]

Fabuloso. Aprendí mucho sobre autolayout y creación de librería de componentes con este vídeo ¡Muchísimas gracias!

[@mokkapp]

Qué bueno saber que te ha servido para aprender esto que comentas! 👍Gracias a ti! Saludos!!

[@godoyconcept3819]

hey acabo de finalizarlo, me tomo 2 dias entre estudiar otros cursos y la rutina diaria. ESTUVO EXCELENTE! Soy diseñadora Gráfica desde hace unos 5 años aprox, y ahora quiero cambiarme para el diseño UX/UI, este curso básico fue crucial para afirmar que sin duda quiero ser diseñadore ux/ui. gracias!!!

[@mokkapp]

No te arrepentirás del cambio!! Las posibilidades del diseño UX son enormes y si te gusta lo que haces, vas a disfrutar del trabajo cada día. Saludos! 👋🏽😊

[@JhoanSinisterra-x9j]

Muy bueno el video, ya me lo terminé y me ayudó muchísimo.

[@dilveg4062]

De todos los cursos de Figma que he visto, este me resulta más completo y mejor explicado. Gracias

[@mokkapp]

Muchas gracias!

[@sumanuel]

Espectacular este tuto! me siento super empoderado y animado. gracias

[@mokkapp]

Ahí ahí!! Dale caña!! 💪🏼💪🏼

[@elliotgaramendi]

El mejor curso de Figma! Me he visto n videos, pero el tuyo me ha hecho hacer mis diseños con autolayout de una forma similar a lo que pasaría en una web real. Muchas gracias! Me vi todos tus videos y me ayudó en el trabajo!

[@mokkapp]

Hola! cuanto me alegro que te haya podido servir para que tus diseños sean más parecidos a la web real. El Auto-layout es muy poderoso si se sabe utilizar bien, igual que flexbox de css. Saludos! 👋🏽

[@vanniaisabel7285]

Hola ! Muchas Gracias por este Magnifico tutorial, me ha servido un montón para comenzar con mi camino en el UX-UI sobretodo a dominar Figma de a poquito, Te agradezco tu tremenda capacidad de comunicacion y enseñanza!

[@mokkapp]

Hola! Gracias ti, me alegro que te pueda servir de aprendizaje en tus inicios en UX/UI! Debo decirte que el diseño UX/UI es un mundo apasionante, espero que lo disfrutes tanto como yo! Saludos!

Sin lugar a dudas uno o el mejor video sobre Figma.

[@mokkapp]

Un honor recibir estas valoraciones! Muchas gracias por comentar y espero que el contenido de mi canal te ayude más todavía. Un saludo! 👋🏽😄

[@camilaramirez52]

Fue un MUY buen curso! De calidad y tan fácil de entender, eso es gracias a ti! En mi caso, la semana pasada obtuve mi curso de Diseñadora UX de Google, donde obviamente vimos Figma, pero lo super básico, donde sin menospreciar el curso que fue genial, no vimos nada de lo que vimos aquí, aprendí a diseñar sin saber las funcionalidades más utiles y las que not anto de Figma, y como tengo que seguir con prácticas para diseñar prpyectos, decidí tomar este curso para perfeccionar lo aprendido y aplicar todo como debe ser! GRACIAS

[@mokkapp]

¡Muchas gracias por tus comentarios tan positivos! Me alegra mucho saber que mi curso te ha sido tan útil y que te ha ayudado a complementar lo que aprendiste en tu curso de Diseñadora UX de Google.

[@sucesssoulman]

Me encantó el video, lo vi TODO y aprendí muchísimo, voy a poner en práctica lo que vi y luego a la segunda parte. Muchas gracias por compartir tan valiosísimo contenido.

[@mokkapp]

Cuanto me alegro! Espero que el resto de vídeos te aporten igual de valor! Un saludo 👋

[@lmanu44]

Te quiero mucho chavi, gracias por esto :)

[@greciamarin7176]

Wowwww estoy aprendiendo muchas cositas con este curso y voy por el video 1 Ya me quiero imaginar los próximos . Miles de gracias

[@mokkapp]

Muchas gracias a ti también por comentar! Un orgullo saber que sirve de ayuda estos contenidos. Espero que puedas seguir aprendiendo mucho más! Saludos 👋🏽

[@JoyMol]

Muchas gracias por el contenido, lo tomé como ejercio. Apenas estoy aprendiendo y fuiste de gran gran ayuda.

[@mokkapp]

Gracias a ti por comentar tu experiencia con el vídeo! Y te animo a seguir aprendiendo Figma o diseño ux. Saludos!! 👋🙂

[@bearomero2502]

Este curso ¡es oro! gracias por ponerlo a nuestra disposición

[@mokkapp]

Me alegro!! Gracias a ti por verlo y comentarlo! Un saludo 👋

[@marcelhernandez5634]

Estoy empezando en este mundo y tus cursos son muy claros y concisos. Muchas muchas gracias

[@mokkapp]

Hola Marcel! en primer lugar, gracias por el comentario. En segundo lugar, me alegro que estés empezando en diseño UX/UI, es un mundo apasionante. Te deseo lo mejor! 💪🏼 Un saludo!! 👋🏽

[@alf-bs]

Acabo de descubrir el curso, muchas gracias por el curro!

[@mokkapp]

Gracias a ti! A ver tal va y si te sirve de ayuda. Un saludo! 👍🏼

[@mario1016]

Muchísimas gracias, qué gusto oír tanta info tan clara :)

[@mokkapp]

Gracias a ti por tu valoración!

[@winston911130]

Vamos a darle!! Eres un crack!

[@mokkapp]

Ya dirás a ver qué tal! gracias por el interés en ver el curso. Un saludo! 👋🏽

[@BatallasEpicasGaming]

Muchas muchas gracias en este video eh aprendido mucho Dios te bendiga

[@mokkapp]

Cuánto me alegro!! Espero que el resto de videos puedan ayudarte también. Saludos! 👋🏽😊

[@CesarGonzalez-pb8fo]

Muchas gracias por el curso! Se nota que eres un experto en esto de UX/UI

[@mokkapp]

Gracias a ti! espero que te sirva de ayuda este curso. Y si hay algo que creas que se puede añadir, déjamelo en los comentarios! 😀

[@enriqueruiz320]

De dos años que tomé el curso de UX /UI, a Figma le han agregado nuevas características 🤯 ansío ver el capítulo en donde se empata el diseño atómico con Figma, quiero ver cual es el equivalente de componentes pero en diseño 🙃

Empezando con el video, vamos a ver.

[@jefossi]

Que buen curso!! Ha estado genial, el único tema que he tenido es con magician. No se si lo adquirió Figma pero cuando le das a free trial, te manda para el ai de figma.

[@mokkapp]

Buenas! si, parece ser que desde hace poco tiempo, está dando fallos el plugin de Magician. Creo que puede ser causado por actualizaciones de Figma. Me alegro que a pesar de no poder usar el plugin te haya gustado. Saludos!

[@sebastianmontenegro2583]

Que uen curso, me gusta mucho el orden que llevas. Tengo una duda. En la nueva versión de figma no encuentro la opción de "Create boolean property" Sabes dónde pueda estar en este nueva versión? muchas gracias

[@mccyout]

Muy buen video. He podido repasar conceptos y ver otras formas de trabajo. El plugin de Attention me ha dejado loca, ¡muy bueno! aunque veo que te pide un registro previo a su uso. Gracias!

[@mokkapp]

Hola! Si, ese Plugin está muy bien. 😊 y si, hay muchos que te piden registros a parte del que ya puedas tener con Figma. Gracias a ti, un saludo!! 👋

[@LuisMunoz-]

Muy bueno el video. Muy bien explicado y al grano. Muchas gracias

[@mokkapp]

Gracias a ti!! 😊

[@tunnerdelclan1piece235]

Gran contenido, gracias

[@mokkapp]

Gracias a ti! Un saludo!

[@Helloimllu]

Muy bien explicado! Muchas gracias por compartir! Estaría genial un vídeo sobre handoffs.

[@mokkapp]

Muchas gracias por tu valoración! Si! un video sobre handoffs, entrega, dev mode lo tengo entre mis prioridades. Un saludo! 👋

[@carloshflorez]

Qué bien explicado todo! Muchísimas gracias :D

[@mokkapp]

Muchas gracias Carlos, un saludo 👋

[@johnbrito]

1:12:05 Hola profesor. Que gusto haber encontrado sus vídeos. En la marca de tiempo que dejé, a mi las tarjetas no se juntan entre ellas respetando el padding horizontal. En vez de juntarse lo que hacen es estirarse para llenar los 1440 pixels del horizontal screen

[@mokkapp]

Hola! Revisa si tienes bien aplicado el Horizontal-resizing del contenedor padre que contiene las tarjetas y a su vez el Auto layout y el horizontal resizing también de las propias tarjetas.

[@johnbrito]

@@mokkapp Hola profe, ya lo he revisado pero no sé qué pasa. Creo que lo voy a volver a hacer antes de seguir con el segundo video de la playlist. Y le seguiré escribiendo. GRACIAS.

[@GuadaAraoz]

Ante todo mil gracias. En el min 41:53 haces una copia del componente en la que podés cambiar las propiedades. Cómo lográs hacer esa copia fuera? A mi me queda dentro con las otras dos (con command V) y cuando la arrastro no puedo cambiar de propiedad (no está la opción). Tengo el problema cada vez que hacés copy paste porque no se ve cómo lo haces. :) ¡Gracias de nuevo!

[@GuadaAraoz]

Listo. Shift+command+V. :) Lo dejo por si. a alguien le sirve.

[@mokkapp]

Hola Guadalupe! gracias a ti por el comentario y por la solución del comando a utilizar. Si ves que me dejo alguno más, tienes todos los comando en la opción de Keyboard shortcurts clicando en el botón de interrogante que tienes en la parte inferior derecha

[@HelloMeri]

muchas gracias, estoy aprendiendo desde cero y me sirvió mucho. aunque siento que debo verlo un par de veces mas xd

[@mokkapp]

Me alegro que te pueda servir de aprendizaje!! Si, al principio quizás algún concepto tienes que repasar, pero cuanto más practiques más posibilidades descubrirás. Saludos 👋

[@sergio.arboleda]

Gracias, llevo tiempo usando Figma, pero se me ha hecho un poco difícil adaptarme al tema de los variables, pero ahí voy, muchas gracias por el curso.

[@mokkapp]

Gracias Sergio!! SI al principio tienes mucha información y hay conceptos que cuestan un poco más, pero Figma es cuestión de práctica. Al final te saldrá solo, ya veras!! Un saludo 😊

[@elysaulpacheco1205]

Fantástico tu trabajo: Material de gran calidad

[@mokkapp]

Muchas gracias por tu valoración! Me alegro que te haya parecido útil este video! Un saludo! 🙂

[@yilbertmarquez750]

Gracias.

[@mokkapp]

Gracias a ti! 😁

[@DiegoGonzalez-ew5ho]

Gran calidad de tu curso

[@mokkapp]

Muchas gracias! 😊

[@m21smt]

Hola muy bueno tu tutorial. Sabes que no me funciona el plugin de Magician. Conoces otro? Gracias.

[@mokkapp]

Muchas gracias por el comentario! En cuanto a tu duda: últimamente da fallos este plugin, me ha pasado también. Pero al día siguiente a veces funciona de nuevo. En cuanto a otro que haga lo mismo, déjame investigar y te digo ya que ahora no creo que haya ninguno igual.

[@m21smt]

@@mokkapp Muchísimas gracias, lo único que no funciona es la parte de "Magic Copy". Igual hice el tutorial con ChatGPT. Muy bueno ojala sigas subiendo mas tutoriales. Me cuesta mucho dibujar con la pluma de Figma, no entiendo como unir puntos, duplicar objetos y reflejarlos y unirlos como en Illustrator...nose si hay atajos de teclado para esas funciones.

[@enriqueruiz320]

Que buen tuto 👏 👏 👏

[@mokkapp]

Gracias! 🤩

[@belupannunzio6720]

muy bien explicado! excelente! se agradece!

[@mokkapp]

Gracias!! Me alegro que os pueda ayudar y esto os sirva para aprender. Saludos! 👋

[@johnbrito]

1:12:05 Hola profe, ya solucione el problema que no me daba al ajustarse y ajuntarse las tarjetas. No había captado en el vídeo que había dejado "Gap set to auto" activo lo que impedía que las tarjetas se unieran al aplicar el "fill container"

[@mokkapp]

Buenísmo!! Si, a veces hay que tener en cuenta varias cosas a la vez cuando aplicas el Auto Layout. Puede comportarse de modos diferentes con pequeños detalles. Un saludo!! 👋🏽😁

[@johnbrito]

@@mokkapp 😁

[@kenokoko]

¡Wow! Muy bueno, gracias

[@mokkapp]

Gracias a ti! Un saludo 😄

[@tomijos]

Excelente contenido. felicidades

[@mokkapp]

Muchas gracias! Me alegro que te pueda servir de ayuda. Un saludo 👋

[@amauryamigos]

Muchas gracias, excelente

[@mokkapp]

Gracias a ti!

[@reyesfernandezmedina2745]

Buenisimo! Muchas gracias

[@mokkapp]

Gracias a ti! Un saludo 👋

[@fmendezy]

El curso es muy bueno, el audio está desfasado unos segundos eso sí y se nota si o si, es decir la acción esta más avanzada que la voz, por lo que cuesta seguirle el ritmo.

[@JoeRed-h3y]

Agradecido por todos tus videos y con la unica intencion de que mejores, me permito darte este feedback: Antes de comenzar explica que se hara y con que fin nos ayudara eso. No hables de una cosa mientras haces otra. No cambies 20 veces lo mismo mientras hablas de otra cosa Manten coherencia de lo que hablas y de lo que haces, no brinques. De nuevo gracias y ya me suscribi. Voy a ver todos tus cursos me gustan mucho. Adelante !!

[@mokkapp]

Muchas gracias por el feedback! Siempre es bueno recibir este tipo de comentarios

[@ailinvasicek3092]

hola! muy buen video, hay plugins que no puedo usar, como vector logos o magician. Puede ser porque tengo figma free??

[@mokkapp]

Hola! Si, varios usuarios que han visto últimamente este curso han comentado lo mismo. La verdad es que no he visto ninguna noticia, pero quizás es por la última actualización de Figma y su propia IA que provoca esto... Yo estoy registrado hace tiempo y no me funciona tampoco

[@ailinvasicek3092]

@@mokkapp gracias por responder! Si, la pagina directamente cuando dice probar gratis nunca carga😭

[@alexanderespitia5550]

Muy buen curso! Te quería preguntar que otra alternativa hay de magician, ya no está disponible el plugin, pide una llave de acceso, y en el foro de figma una persona dijo que ya no estaba disponible

[@mokkapp]

Muchas gracias! Si, el plugin dejó de funcionar correctamente hace algunos meses y la verdad que una pena, porque funcionaba bien. Otro plugin que tenga las mismas funcionalidades no conozco.. debo investigar a ver is ha salido algo parecido.

[@kikee05]

Este contenido es oro Xavi, muchas gracias! P.d: Una duda, al intentar usar el plugin Magician me pide una key que soy incapaz de encontrar, alguna idea?🤔

[@mokkapp]

Muchas gracias! Respecto a tu duda, parece ser que el plugin no debe estar operativo, ya que hace pocos días, otro usuario comentó lo mismo. Puede ser debido a la actualización que está realizando Figma desde la semana pasada. Si averiguo algo más os comento. Saludos!

[@pond0n]

buenas!! me ha encantado tu video. queria saber cómo convertir un proyecto hecho en figma en una imagen de cualquier formato. me ayudaria mucho. GRACIASS!!🙏🏾🙏🏾

[@mokkapp]

Hola! Gracias! Me alegro que te haya gustado. Si entiendo bien lo que preguntas, el exportar una imagen en formato png, jpg lo puedes hacer seleccionando el diseño en cuestión y en la barra derecha, tiene la opción exportar abajo del todo.. ahí seleccionas el formato y lo descarga

[@pond0n]

@@mokkapp muchas gracias!! llevaba dias con la duda

[@mokkapp]

@pond0n gracias a ti! Un saludo 👋

[@LikantrO777]

podrias poner un chivato de teclas para saber que comandos y teclas vas presionando, para siguientes videos almenos. gracias

[@mokkapp]

Tomo nota! 👍

[@CezarStrange]

Alguna alternativa a Magician? Gracias

[@mokkapp]

Prueba content reel

[@mileidymilagroschuquepalom4573]

Me puedes decir y enviar el link del primero y segundo video por favor

[@mokkapp]

Aquí los tienes: kzbin.info/www/bejne/jKSvZqaZpcmHZpI kzbin.info/www/bejne/pGWtZpyCbc6olbc

[@melenaglez]

¿Cómo hacer que una imagen se mueva en una dirección? Gracias

[@mokkapp]

¿A qué te refieres con que se mueva la imagen? dentro de un Frame?

[@sofiacontent]

Hola! Tengo una duda. Cuando hago un frame con los dos frames: frame 1 (texto con fill) y el frame 2 (frame linea filled que luego ocultamos) , aumento el texto y no me aumenta ni el frame 1 ni el 2, se quedan quietos y el texto sobresale. ¿Qué estoy haciendo mal? Un saludo y ¡¡¡graciass!!

[@mokkapp]

Hola! Revisa que los Frame en los que tengas textos tenga el Auto layout aplicado y luego a ese mismo Frame le aplicas la propiedad Hug contents.. Creo que por lo que comentas, así te funcionará. Un saludo

[@carolalvarezramirez2052]

Me ha encantado el curso .. pero estoy teniendo un problema al intentar entrar a magician , doy en try for free , pero al poner el plugin me dice que introduzca la clave de acceso ya lo intente y nada, me aprece otro boton que me dice nuevamente start free trial, pero me redirecciona a hacer todo lo qie ya habia hecho aun asi vuelvo y hago todo . Pero aun asi nada ¿Que puedo hacer?

[@mokkapp]

Hola! Me alegro que te guste el curso! El problema que tienes con Magician lo están teniendo diversos usuario estos últimos días. Puede que tengan algunos errores y lo solucionen pero me da a mi, que debe ser algo que no han actualizado y puede que se quede así. Si veo alguna novedad o cambio os lo haré saber. Un saludo! 😊

[@carolinamariaaraoz504]

Hola! Intenté usar Magician pero no tengo la llave de acceso, en dónde debería aparecer?

[@mokkapp]

Hola Carolina. Creo que lo que sucede es que el plugin ya no está operativo.. desde hace unas semanas hay varios usuarios que comentan que no les funciona. El motivo lo desconozco

[@carolinamariaaraoz504]

@@mokkapp Que mala suerte! Bueno, gracias por la respuesta .

[@williamswilmanalvarezzabal6064]

Alguien podria ayudarme, por favor. He quedado atascado al querer usar el plugin Magician, me pide un access key y no lo he ncontrado en inguna parte. Gracias por sua yuda

[@mokkapp]

Hola! Parece ser que este plugin y la web no funciona correctamente. Quizás ya no esté operativo debido a las actualizaciones del propio Figma

[@manueloficina7762]

En el minuto 1:10:32 inserta los logos de las demás tarjetas, en el video el logo se pone del tamaño correcto ajustando la tarjeta, pero lo que me pasa a mi es que el logo se deforma en el espacio donde estaba el logo de Figma anterior haciendo que los logos de Framer y React queden aplastados. Si alguien sabe cual es el problema se lo agradecería mucho u.u

[@mokkapp]

Hola! Creo que es porque una vez tienes el icono seleccionado para redimensionar, en la barra de la derecha debes de presionar en “Constrains proportions” es un icono que encontraras Justo al lado del ancho y largo

[@franciscoheredia3767]

vale la pena aprender UI en 2024 con proyección a 2025 ?

[@mokkapp]

Hola! El trabajo de diseño UI está muy demandado a nivel global. Quizás hay diferencias dependiendo del país en el que residas. Pero en general la demanda es alta y los salarios son competitivos. Además es un sector que evoluciona mucho y tienes muchas variantes.

[@guillempacareu]

hola amigos, he intentado abrir magician pero me pide un access key. Aunque pinche sobre start free trial y me lleve a la pagina oficial de magician, no consigo runearlo en figma. alguien ha tenido el mismo problema o sabe qué puedo estar haciendo mal? gracias!

[@mokkapp]

Hola Guillem! Si, efectivamente Magician parece que no funciona correctamente desde hace unas semana. Varios usuarios han comentado lo mismo en los comentarios de este video. Desconozco el motivo, pero quizás es por las últimas actualizaciones de Figma

[@alexe.6914]

No se si es un bug o algo pero no me identifica mis textos como texto y por lo tanto no me deja modificarlo, estuve investigandi al respecto y no tengo idea de por qué cuando creo un nuevo texto no me aparecen las opciones de texto al lado, para todo lo demas si pero no para los textos... ayuda :(

[@mokkapp]

Debe ser bug... Puede que sea porque están cambiando la UI de la plicación. Si ves que se repite contacta con soporte clicando el icono de ? de la parte inferior derecha.

[@FranciaGuerrero-j2c]

Hola , buenas tardes no pude activar magician en mi Figma

[@mokkapp]

Hola! Si, eres la segunda persona que me lo comenta hoy. Deben tener un fallo del servidor o algo parecido… a veces les ha pasado 😕

[@user-od2en7zn5q]

Hola que puedo hacer si no me sale la opción de escritorio? Tengo la versión gratuita

[@mokkapp]

Hola! A qué te refieres con la opción de escritorio?

[@xavierflores8654]

amigo por favor, cambia ese fondo blanco por uno oscuro que los ojos me arden, muchas gracias por el video esta fabuloso.

[@mokkapp]

Apuntado queda!!! 😉

[@HallanMorales]

No mostraste como crear el frame para alinear verticalmente los icon os :( 33:35

[@mokkapp]

Seleccionas los elementos clicando y arrastrando el curso por encima y ejecutas shift + A

[@rudymarquezaponte5243]

Se me ha hecho imposible descargar Magician. Vivo en Venezuela no sé si tendrá algo que ver 😩😩😩😩

[@mokkapp]

Hola! No tiene que ver con el país. Es el plugin que parece que dejó de funcionar hace un tiempo…

[@rudymarquezaponte5243]

Gracias por responder ❤. Me podrías indicar qué pluggins podría usar para completar el ejercicio?

[@elreyviral870]

Like si vienes aquí de CoderHouse : )

[@fmendezy]

Paso 30:36 esta mal explicado, imposible seguirle el ritmo aquí, se saltó un paso y se le olvido que es un curso básico.

[@mokkapp]

Tomo nota para el siguiente curso de Figma con las novedades!! Gracias por la valoración! 👍

[@serva00c]

dark mode

[@mokkapp]

Hola! El Dark mode lo vemos en el segundo video del curso de Figma, aquí te lo dejo: kzbin.info/www/bejne/jKSvZqaZpcmHZpI

[@mariron42]

Magician me pide key

[@mokkapp]

Hola! Desde hace un tiempo Magician no funciona correctamente… desconozco el motivo pero puede ser por algo propio de Figma

[@LuisCastillo-bl6mq]

no sabia que Luisito comunica haria estos videos =0

[@mokkapp]

Jajaja... nunca me habían dicho que me parecía a él.. Quizás por el pelo! 😅