Figma Tutorial - Cómo crear un prototipo interactivo
Вставка
- Опубліковано 18 вер 2024
- 🤓 Conoce mis cursos:
www.uxcristoph...
Hola 👋🏼 mi nombre es Cristopher y aquí te ayudaré a mejorar tus habilidades en UX/UI Design, Figma, prototipado, animación y mucho más. ¡Suscríbete y comienza tu carrera profesional hoy mismo!
📱 Instagram:
www.instagram....
📱 TikTok:
www.tiktok.com...
📱 Facebook:
/ uxcristopher
#ux #ui #figma #autolayout #webdesign #code #nocode #webflow #freelance #uxcristopher
Blablablabal... Información útil desde el minuto 4:00
gracias buen hombre
Te amo
El primer video que veo sobre cómo hacer funcional los diseños creados en Figma. 🥇
Seguiremos estudiando más. 😜✨
Muchas gracias 🙌🏼
Gracias por el vídeo me ayudó bastante para salir del apuro y ahorrarme una clase de una hora. Saludos
gracias por los tutoriales gratis que ofreces!
De nada Juliana, gracias por tu apoyo. 😊
Muy buen tutorial! Gracias !
Gracias por el vídeo. Saludos desde Nicaragua !
Un gusto, saludos desde México 😁
Gracias por el tutorial.
Excelente tutorial, muchas gracias.
Gracias Cristopher. Aprendo mucho de tus videos. Gracias!
El vídeo que necesitaba. Muy bien explicado. Muchas gracias !!!
Excelente video, gracias
Un gusto 😄
Llegue acá para saber como conectar las cosas y hacer el prototipado y aprendí que igual se puede en el cel, aun me queda duda eso, buen video, saludos!
Excelente lección, muy bien explicado y super interesante! obvio que ya me suscribi y te deje el Like. Saludos desde Argentina
Muchísimas gracias! Un abrazo hasta Argentina🙏🏽
Muy buen tuto, me ayudo ha hacer mi primera practica :)
Buenísimo 🤩
Muy útil, graciass
Gracias
Parcero muchas gracias ome, excelente no sabia como usar esa opción de prototipo
Me han ayudado un montón tus videos😊👍 Gracias!
Excelente video!!! Gracias Cristopher, saludos desde Argentina!
Un saludo!
Brutal!!!!!!
Muy buen aporte crack! Toma tu like
Amigo era lo que estaba buscando, gracias
Excelente explicación....
hola amigo me gusto tu soporte para el portátil en el minuto 14:35 lo pude ver bien podrías compartir donde lo compraste me gusto mucho saludos
Empieza en el 3:50
Me gusto tu video, estoy aprendiendo FIGMA... Sigue asi... Suscrito.
super bien, saludos hermano
Gracias!
Ahora se para que sirve figma mirror
Gracias
GOAT
Muy buen video1 Gracias!
te amo xd
Muchas gracias, el video es corto, directo y muy bien explicado
Hola Cristopher, muchas gracias por los tutoriales, la verdad es que van muy bien. Quería hacerte una consulta que igual has explicado en algún vídeo pero qeu no he sabido encontrar, si quiero mantener mi menú fijo en la parte superior de la home y que el resto de la página haga scroll, cómo puedo hacerlo? no soy capaz... Gracias!
tengo una pregunta al respecto con las animaciones, a la hora de la interacción, existe alguna forma de que cuando presioné se oscurezca el área y luego entre en la siguiente pantalla ?
Con un open as overlay oscuro con transparencia y un delay para que se cierre pasando unos milisegundos.
Hola amigo, gracias por la información en este video, pero se puede exportar el prototipado en un pdf interactivo, para que tu cliente lo pueda ver y usar? Gracias de antemano por tu ayuda
No, pero es posible compartir el link del prototipo interactivo y es mucho más efectivo y fácil de utilizar;)
hola Cristopoher , entiendo según lo aquí explicado , este programa no es RESPNVIE , y entiendo que debería hacer cada uno de los prototipado , de cada una de las posibilidades de visualización , por ejemplo , si hago un prototipo con modelo Iphone 8 ,se vera mal en un portátil u otro modelo de Iphone . estoy en lo correcto???
Saludos cordiales
Hola, así es. Deberías de diseñar para cada tamaño de pantalla, te recomiendo investigar los más utilizados. Por ejemplo para desktop es bueno utilizar una medida base de 1366x768 😉
Gracias Cristopoher
Eso es solo para apps movil ? No sirve para app de Escritorio ?
La lógica para crear el prototipo es la misma, solo que este ejemplo es para una app mobile.
Hola...exelente explicación de esta herramienta que hoy conozco... pregunta...podría exportar el proyecto en pdf y enviarlo por WhatsApp y mantener las interacciones?
no se puede :v
Disculpa necesito tu ayuda veo mi diseño desde el celular pero no me deja hacer el scroll de ver lo siguiente, que puedo hacer gracias
Hola 👋🏼, pude deberse a dos cosas. O tu frame principal requiere ser más largo para tener scroll. O necesitas crear un scroll interno para poder hacerlo funcionar.
genial video, una pregunta como edito el orden en el que conecte el prototipo?
mi prototipo hace unas interacciones antes que otras que van primero
Editando los nodos que se muestran al seleccionar la vista de prototipo;)
Pon las capas que son similares entre una pantalla y otra en el mismo orden, esto en el menú de la izquierda, con esto mejora el smart animate.
Ya pero dónde realizaste esos flujos? Qué herramientas utilizas?
en la descripción dice que utilizó figma
Figma es un software gratis o recomiendas mock up
Hola. Gracias por el video. Pero... Cómo se hace para que, por ejemplo, 5 usuarios hagan la prueba? Tiene que descargar Figma Mirror también? Se le pasa algún link para que haga el testeo? Eso es lo que necesito saber y naie lo explica.
¿Se puede importar videos en los frames de figma? Tengo esa duda
Hola amigo, me gustó el trabajo, lo ocuparía para hacer mi portafolio para la practica de diseño, pero tengo una duda, como hacer las capturas para que te tome todos los elementos? y como hacerlo para que un elemento salga en blanco y negro u otro tono y al posicionar el mouse sobre este elemento, se ponga del color del elemento y salga texto asociado a este?, necesito las respuestas con urgencia, ya que el 2do semestre del 2022 tengo mi práctica profesional. de antemano, muchas gracias.
Disculpa estos archivos que haces se pueden descargar de alguna manera que no dependa de la app figma?
cuando selecciono el frame, no me sale el signo de + para conectar
Aquí te dejo un video actualizado para eso: ua-cam.com/video/_LKwgonQFBI/v-deo.html
Pregunta con q plataforma
3:57
Hi Chris, tengo problemas con los prototipos de figma que hago, al visualizarlos, darles play muestra errores y se pone super lento. se ve como un pixel gigante en algún lado del diseño. Agradezco si me ayudas. Saludos
Existe algún riego de plagio al plasmar la idea en este sitio?
Hola! Hay forma de borrar todas las interacciones de una vez? Como "empezar de cero"? Gracias
Cuanto se puede cobrar por un prototipo para celular?
Tenia toda la animación y de pronto el teclado flotante empezó a aparecer deformado. No se que hice. No se que hacer. A alguien le paso?
Hola Ana, es difícil decirte sin ver tu Figma, pero acá he creado todo un curso de prototipado y animación de básico ha avanzado, aquí aprenderás a crear lo que desees y sin problemas. Verás que te gustara. www.uxcristopher.com/p/curso-animaciones-avanzadas-en-figma
Buenas tardes, tengo una pregunta.
Al momento de pasar las imágenes, no me reconoce los objetos, es decir las estoy montando en Illustrator y las paso a jpg y de ahí las subo pero no las reconoce, de qué manera debo exportar las imágenes para que sean reconocidos cada uno de los objetos gracias
Tienes que diseñar en figma de 0 para hacer las transiciones del prototipo, imagenes sueltas no te sirven para eso puedes usar invision
Pero q plataforma es esa!!!
¿Te refieres a la herramienta para construir el prototipo? Está creada en Figma.
15 minutos explicando algo que se podria en 5 maximo 10 que mrd
El vídeo parece interesante, pero es insufrible aguantar los anuncios de publicidad (cada minuto hay un break comercial...), lo siento pero no he podido finalizar el tutorial debido a la mala experiencia de visionado y no creo que vuelva al canal. Deberías cambiar los parámetros de publicidad, ya que está en tu mano elegir cuando y donde aparecen (entiendo que deban aparecer comerciales, pero no hay que ser avaricioso y tener en cuenta la experiencia de tus seguidores).
Hola te entiendo 😃, pero no olvides que mi contenido es gratuito.
A diferencia de lo que comentas muchas personas están felices de que sea gratuito e incluso no se saltan los comerciales por que es la única manera en la sienten que pueden contribuir al canal y lo hacen felices.
Puedes comprar una suscripción de UA-cam premium y ya no te saldrán anuncio en ningún canal. 😉
¡No es avaricia es mi trabajo!
Más bien no hay quererlo todo gratis y apoyar el contenido de creadores.