Figma Tutorial - Creación de scrolling

Поділитися
Вставка
  • Опубліковано 13 січ 2025

КОМЕНТАРІ • 102

  • @ruthpaolaramirezcapillo6733
    @ruthpaolaramirezcapillo6733 3 роки тому +17

    hola, en serio te gradezco desde el fondo de mi corazoncito por brindarnos el tutorial completo sobre FIGMA. estoy entrando a este mundo del diseño de interfaces y no sabia cómo se usaba esta herramienta, busqué varios pero ninguno lo explicaba con tanta paciencia. en serio gracias!!! llegaré hasta el final. PD: cuando gane mi primer millón te donaré...

  • @stefaniavega3222
    @stefaniavega3222 Рік тому +5

    Hola! No encuentro el link para poder hacer el ejercicio. Alguien me puede ayudar por favor

  • @nicolasfernandez355
    @nicolasfernandez355 2 роки тому +2

    Treemendo me encanta la lista de reproducción!

    • @uxcristopher
      @uxcristopher  2 роки тому +1

      Muchísimas gracias Nicolas 😁

  • @LeiComXx
    @LeiComXx Рік тому +1

    Excelente muchas gracias, super claro y especifico. Me gusta que repitas conceptos ya vistos de modo rápido, o los atajos por ejemplo, ya que ayudan a fijar la información. De nuevo, gracias es muy divertido ver estos tutoriales 😊

  • @vanessamillaaranda2109
    @vanessamillaaranda2109 Рік тому +3

    Hola , no encuentro el link que indicas 🤔

  • @luiscabeza376
    @luiscabeza376 3 роки тому +2

    Excelente, gracias por compartir

  • @cascadah23
    @cascadah23 3 роки тому +7

    Muchísimas gracias ! Me estaba volviendo loca y el problema era que mi frame se pasaba del frame contenedor. Y además me faltò convertir en frame el elemento scrolleable. Ya pude solucionarlo 😁 perdón si ya lo dijiste y se me pasó, pero agrego esto: en el caso de que la información scrolleable sea sólo en un pequeño espacio y no en todo el frame, entonces hay que ir a design --> Clip content. Eso va a hacer que se scrollee sólo dentro del espacio que indicamos y no a lo largo de todo el frame. Saludos! Buen video

    • @maria17933
      @maria17933 Рік тому

      Muchas gracias ya me estaba frustrando 😅

  • @LeonidasEsteban
    @LeonidasEsteban 4 роки тому +7

    Soy tu fan!!!

    • @uxcristopher
      @uxcristopher  4 роки тому

      Muchas gracias por el apoyo, Leonidas 🙌🏽

  • @albertobustamante6954
    @albertobustamante6954 4 роки тому +2

    Cristopher gracias x tu magnifica explicacion mil gracias

    • @uxcristopher
      @uxcristopher  4 роки тому

      De nada, aquí estamos para crecer juntos 🙌🏽

  • @rosarioromero4354
    @rosarioromero4354 2 роки тому

    Gracias a tus videos al fin puedo usar Figma, sos el mejor explicando, estoy infinitamente agradecida. Saludos desde Argentina.

  • @PinkuPoison86
    @PinkuPoison86 4 роки тому +2

    Me quedo perfect siguiendo tus pasos y probando las diferentes opciones que he visto en las cosas que explicas. Explicas super, vere todos tus videos XD

  • @anllyclarizacorreacueva7378
    @anllyclarizacorreacueva7378 4 роки тому +3

    Gracias, sigo todos tus videos. Explicas todo muy bien. Éxitos 🙋🏾‍♀️

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      Muchas gracias 🙌🏽, sus comentarios hacen que cada día quiera hacer más y mejor contenido 😊

  • @canalofbits
    @canalofbits 3 роки тому

    muchas gracias me encanta tu canal

    • @uxcristopher
      @uxcristopher  3 роки тому +1

      Gracias por ver mi contenido 🤩

  • @CEPEDACESAR
    @CEPEDACESAR 3 роки тому +4

    Eres muy bueno enseñando, el audio es de buena calidad, me ayudó mucho tu video...nuevo suscriptor colega! mucho exito.

    • @uxcristopher
      @uxcristopher  3 роки тому +2

      Gracias cesar, bienvenido🙏🏽

  • @mariamercedesramella2633
    @mariamercedesramella2633 8 місяців тому

    gracias, gracias, gracias desde Argentina!

  • @nicogarcia3852
    @nicogarcia3852 3 роки тому +3

    Hola soy diseñador, y me gusto mucho tus videos, habia cosas q no sabia de figma y creo q contigo aprendere muchas mas cosas, me gustaria q hagas tutoriales sobre animaciones en figma con scrolling, saludos

  • @RicardoIsmaelMejiaTerceros
    @RicardoIsmaelMejiaTerceros 4 роки тому +1

    Muchas gracias por el vídeo querido. Un abrazo fuerte y te deseo muchas bendiciones.

    • @uxcristopher
      @uxcristopher  4 роки тому

      Muchísimas gracias por el apoyo 🙌🏽, es un gusto el compartir con todos ustedes.

  • @exelobregon
    @exelobregon 2 роки тому

    Gracias Cristopher

  • @jesuspastr
    @jesuspastr 4 роки тому +2

    ¡Muchas gracias! Siempre muy buena tu explicación :)

  • @nicolasmarrone8568
    @nicolasmarrone8568 4 роки тому +1

    Gracias Cris! Buenísimo.

  • @tsadetrigo
    @tsadetrigo 4 роки тому +1

    teamooo eres el mejors

  • @miriamandrea1359
    @miriamandrea1359 3 роки тому +1

    Me sirvió mucho. GRACIAS!!! 🤩

  • @maria17933
    @maria17933 Рік тому +1

    El link parece no estar más activo :(

  • @nicolediaz9537
    @nicolediaz9537 3 роки тому +2

    hola una pregunta, y si quiero hacer un scroll horizontal y vertical en un mismo frame? o sea en una misma pantalla? porque al hacer el sroll vertical pasa por encima de lo que està en la parte superior de mi pantalla y yo no quiero eso, siendo que mi caja contenedora empieza a la mitad de dicha pantalla, como se soluciona eso?

  •  4 роки тому +3

    Que buen curso! esperando el de experiencia de usuario con ansias :D

  • @mariajohanaorbegososanchez9846
    @mariajohanaorbegososanchez9846 4 роки тому +1

    Mil gracias!!!!!!

    • @uxcristopher
      @uxcristopher  4 роки тому +1

      Al contrario, muchas gracias por ver el vídeo 🙌🏽

  • @fernandaestrada427
    @fernandaestrada427 2 роки тому

    Super buen video!! Gracias por tomarte el tiempo y explicar perfectamente :)

  • @staffel0232
    @staffel0232 2 роки тому

    Te agradezco amigo!, ahora puedo hacer prototipos más realistas :3

  • @marcelagarcia2684
    @marcelagarcia2684 3 роки тому

    Explica muy bien. Está bien repasar conceptos. Seleccioné 4 elementos y no pude generar el auto layout. Igualmente logré hacer el scroll. Muchas gracias!!! te sigo y continúo viendo tus videos :)

  • @joelozanojim
    @joelozanojim 4 роки тому +1

    buenísimo! gracias amigo

    • @uxcristopher
      @uxcristopher  4 роки тому

      Un gusto el compartir con todos ustedes, saludos 🙌🏽

  • @alezilberstein
    @alezilberstein Рік тому

    Excelente Christopher. Entré al sitio y no existe más el link para abrir el recurso en Figma. Sabrás como puedo conseguirlo por otro lado? Muchas gracias!!

  • @jimkaya
    @jimkaya 4 місяці тому

    Hola de donde puedo descargar los componetes, cuando entro a la pagina de componentes en Figma actualmente no estan habilitados.

  • @fernandoindesign5783
    @fernandoindesign5783 4 роки тому +1

    Muy bueno😊👍

  • @elizaramos4983
    @elizaramos4983 7 місяців тому

    Hola quisiera hacer el ejercicio pero no encuentro el link :C

  • @hernanbize8935
    @hernanbize8935 3 роки тому +2

    Hola Cristopher, mil gracias por el video! Una duda, en el min 9:14 alargas los componentes, sin embargo cuando lo hago yo desde el archivo que nos dejas el 5 miles se me queda en el lugar y se mueve al estirar la caja, a diferencia del pin rojo, que sí lo hace, ¿por qué crees que me pasa esto? Un saludo!

    • @luzcarvajal479
      @luzcarvajal479 2 роки тому

      Hola tengo esta misma consulta! Justo me pasa lo mismo, pudiste resolverlo?

  • @JesusLopez-zy2sn
    @JesusLopez-zy2sn 4 роки тому +2

    Increible video, me ayudo bastante, aunque tengo una duda y queria ver si es posible aunque sea con un plugin que al hacer scroll se oculte una navbar por ejemplo, o cambie de color la topbar.

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      Es posible pero se vuelve un poco complejo, realizaré un video sobre eso;)

    • @JesusLopez-zy2sn
      @JesusLopez-zy2sn 4 роки тому +1

      @@uxcristopher uff sería un video de mucha ayuda graciass

  • @erikantonioticonipaquispe8815
    @erikantonioticonipaquispe8815 4 роки тому

    Figma y Platzi como etiquetas que crack

  • @cynthiafigueroa9464
    @cynthiafigueroa9464 6 днів тому

    Hola , no encuentro el link :(

  • @aeapyps
    @aeapyps 4 роки тому +2

    Buen video!
    Lo mismo podría ser para una array horizontal de cards no?

    • @uxcristopher
      @uxcristopher  4 роки тому +1

      Claro, la lógica es la misma 😉

  • @fernandogroba5476
    @fernandogroba5476 4 роки тому +2

    Estaría bueno hablar del layout grid

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      Claro, muy buena recomendación.
      Prepararé algo relacionado 😉

  • @cristianquispe7219
    @cristianquispe7219 4 роки тому +2

    Gracias por los videos men lo que quisiera saber es como corregir los textos en figma?

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      Muchas gracias 🙌🏼 ¿Te refieres a ortografía?, Desconozco de momento si existe un plugin para eso. Pero investigaré;)

  • @LocalGhost_8080
    @LocalGhost_8080 4 роки тому

    Excelentee

  • @antoniogiroz
    @antoniogiroz 3 роки тому +19

    Creo que los primeros 12 minutos sobran 😩, todo eso se explica en otros vídeos. Estaría bien ir más al grano. Igualmente muchas gracias por compartir ❤️

    • @Robinssoncravents
      @Robinssoncravents 3 роки тому +4

      Pero si este es el primer video que se ve, es muy útil....a mi me fue muy útil... pero entiendo lo que dices, si es creación de scrolling matas el video haciendo la mayor parte del video con "creación de objetos maestros" :-)

  • @ruthpaolaramirezcapillo6733
    @ruthpaolaramirezcapillo6733 3 роки тому

    como lo comparto en instagram?

  • @lugofranklin
    @lugofranklin 4 роки тому +2

    Gracias por el tuto bro!!! Esta genial. Creo que la opción es "Frame Selection" y no "Frame Section"

  • @miguelmoyamontero5624
    @miguelmoyamontero5624 4 роки тому +1

    Hola súper tu curso, me podrías recomendar algun curso de UX-UI ??? Gracias.

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      Los que más recomiendo en español son los de #platzi
      Pero estoy preparando un curso de introducción al UX para lanzarlo próximamente aquí mismo😉

    • @miguelmoyamontero5624
      @miguelmoyamontero5624 4 роки тому

      @@uxcristopher gracias.

  • @eduardramirez2516
    @eduardramirez2516 4 роки тому

    Hola , soy completamente nuevo en el tema , y en este vídeo en concreto en este tema , me surge la duda de lo súmente ; que hacer si esto fuese una lista de contacto y tuviese que ir añadiendo nuevos contactos ; cómo hacértelo. Y una 2 cuestión , cuando elegimos un prototipo , por ejemplo o un 8 plus , como se verá en el resto de dispositivos??? Agradecido de antemano

  • @uzieldiazhernandez7387
    @uzieldiazhernandez7387 3 роки тому

    como le hago para que me quede margen del lado derecho, cuando le doy play al prototipo, y recorro, me quedan pegado los objetos al margen derecho en vez de dejar un espacio

  • @wandarosario
    @wandarosario 4 роки тому +2

    Muchas gracias! Lo intente varias veces hasta que me saliò.

  • @fran.410
    @fran.410 2 роки тому

    Hola! tenia una duda! como haces para copiar y pegar uno abajo del otro de forma ordenada?, yo solo se como duplicar con el CTRL+ D, gracias!!

    • @fran.410
      @fran.410 2 роки тому

      Osea como copiar si se compiar, pero a la hora de pegarlos no se como hacerlo

    • @maria17933
      @maria17933 Рік тому

      @@fran.410 dentro del frame que creaste, seleccionas una sola tarjeta y haces cotrol c y control d, y se duplica automáticamente.

  • @dianamildred3
    @dianamildred3 3 роки тому

    Hola gracias por tu tutorial, estoy buscando como hacer un figma en una misma pantalla scroll hotizontal y vertical como el home de spotify. agradezco la ayuda.

  • @nestorarredondo5114
    @nestorarredondo5114 3 роки тому

    como animar cada elemento por separado cuando se hace scroll???

  • @rubymarcelanaranjoromero2978
    @rubymarcelanaranjoromero2978 4 роки тому +3

    Como se deshace el componente Maestro, con control z no funciona

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      De momento no hay una forma de deshacer completamente un componente maestro. Lo que si puedes hacer es un Detach en las instancias de ese componente y modificarlo a tu gusto.
      Otra solución es hacer un nuevo componen y remplazar el que ya no utilizarás, y eliminarlo totalmente 😉

  • @albertobustamante6954
    @albertobustamante6954 4 роки тому +1

    cuando te hable de cambio de color interactivo es lo que en indesing se llama estado de objeto y aca en figma no lo e podido ubicar me podrias decir donde lo ubica en figma

    • @uxcristopher
      @uxcristopher  4 роки тому +1

      Estate preparado un vídeo relacionado a eso, saldrá muy pronto 😉

  • @marianajimenez1091
    @marianajimenez1091 3 роки тому

    Estaria super bien quedijeras que comandos se utilizan.

  • @eduardovargas7426
    @eduardovargas7426 2 роки тому

    Como puedo hacer para que el scroll solo este en mitad de la pantalla?

  • @maxi8833
    @maxi8833 4 роки тому

    cuando quiero ver el present... me queda muy chiquito las tarjetas. ayudaaa

  • @SoundTreat
    @SoundTreat 4 роки тому

    Hola, resulta que en el layers donde creo mi Frame me sale dos opciones una llamada FIXED y otra llamada SCROLLS la cual no vi en el video, creo todo los pasos pero no me permite el prototipo generar scrolls

  • @YoshRodriguez
    @YoshRodriguez 4 роки тому

    Hola muy buen día, puedo realizar la copia de los componentes maestros pero cuando intento modificar algunos atributos no me lo permite ni en el maestro ni en la copia y en el vídeo anterior en el mapa no me permite copiar el componente ni con alt sostenido ni con click derecho ni con ctrl+c creo solo tiene permiso de lectura.

    • @uxcristopher
      @uxcristopher  4 роки тому +1

      Hola, bastaría con crear un duplicado del archivo que comparto, para que los elementos ya los puedas manipular 😉
      Sobre el mapa te estare dando permisos, para que puedas agregar tu avatar 🙌🏽
      Saludos:)

  • @anirouDS
    @anirouDS 10 місяців тому

    Hola! excelente video, gracias!
    Pero tenía una pregunta, estoy tratando de aprender a hacer un scroll automático, es decir, en un mismo frame, tener un boton que al presionarlo me dirija rápidamente hacia abajo en el mismo frame.
    Alguien ha tratado de hacer algo así? He buscado pero no he tenido éxito. :(

  • @neissermoreno5889
    @neissermoreno5889 4 роки тому

    No se si me acabo de confundir, pero cuando abro el enlace que tu nos dejas para utilizar esos componentes, me sale esos componentes que aparece en la imagen antes de abrirlo, osea esa calculadora, etc y no me aparece la que usas en tu vídeo.

    • @uxcristopher
      @uxcristopher  4 роки тому

      No te preocupes, dentro de la página hay un enlace que dice open un figma, ese debería de ser el bueno;)

  • @gudielsandoval9486
    @gudielsandoval9486 4 роки тому +1

    A mi me aparece automáticamente el scroll cuando le doy play a mi prototipo

    • @uxcristopher
      @uxcristopher  4 роки тому +1

      Depende del alto del frame que estás trabajando, pero este ejercicio te permite realizar scrolls internos en el espacio que tú elijas;)

  • @micaelamarteau9259
    @micaelamarteau9259 3 роки тому

    alguno sabe como hacer para que el botom navigation se quede fijo mientras se hace scroll en figma?

  • @marialejandrapontillo4802
    @marialejandrapontillo4802 4 роки тому +1

    Hola! Por alguna razón el link del de "open in figma" me abre los mismos componentes de la imagen que tiene arriba y no lo que utilizas en el video. Tendrá alguien idea de por qué?

    • @uxcristopher
      @uxcristopher  4 роки тому +2

      www.figma.com/file/NaB9DispfMt5eGUTx6gwHCq3/Address-Book/duplicate este es el link;)

  • @geancarlocastellanosyacelg6065
    @geancarlocastellanosyacelg6065 4 роки тому +2

    wey por amor a dios, hecha la promoción del canal al principio de vídeo, no a mitad de una explicación

  • @jordanmorgui2483
    @jordanmorgui2483 4 роки тому +1

    ya comete la maldita naranja! mas directo!

  • @AndreaAb
    @AndreaAb 3 роки тому

    prototipo - scrolling. Fin

  • @ricardo101289g
    @ricardo101289g 3 роки тому +1

    Por que 26 minutos :( buen video pero 26 minutos :(

  • @claudiooliveira3062
    @claudiooliveira3062 4 роки тому +1

    Poderia ser mais objetivo, fala bastante e a parte prática ficou cansativo.