Curso de Figma: Diseña una Página de Bienes Raíces

[@FalconMasters]

Lo prometido es deuda, aquí les dejo un tutorial en forma sobre como diseñar una pagina web con temática de bienes raíces. Como siempre si les gusto el video denle manita arriba! 👍

[@javierquiroga6774]

@THE BEAST con algun lenguaje de backend o usar javascript con un alert y eventos

[@fullpeliculafhdhdsd9242]

Wow, no importa saber programar si, no tiene creatividad y tu la tiene tiene mucha creatividad lo digo porque estoy aprendiendo a programar con un curso que tu tiene en Udemy. Me gusta mucho como explica lo video. Ya sabes voy un poco avanzado, estoy hasta feliz de pensar que no sabía algo y ya lo se!! GRACIAS. Este es el curso de el. Del que estoy hablando se lo recomiendo comprarlo: www.udemy.com/share/101XFUCEsfcVhXRXg=/

[@FalconMasters]

@@fullpeliculafhdhdsd9242 Muchas gracias, me alegra mucho escuchar eso

[@hugoguzman9508]

@@fullpeliculafhdhdsd9242 QUE LENGUAJE

[@xyuriko6163]

Yo lo vi decente cuando lo creaste por primera vez Espero ver mas vídeos de figma.

[@chicho69-cesar]

Me encanta tu trabajo, soy un estudiante de TICS en la Universidad y tus vídeos me han ayudado mucho en mi estudio, además de que gracias a lo que aprendí de creación de páginas gane un concurso de esto, estoy muy agradecido contigo

[@penaochoajared5946]

¡Viendo y haciendo! Me divertí bastante. Usar una herramienta diferente es genial y mejor aún que haya alguien explicando de una manera fenomenal. Lo único que cambie fue el icono del logo y el color primario.

[@gerardoef]

Muchas gracias! Tenia tiempo buscando un buen tuto para mas o menos entender como funciona Figma. Muy comprensible, concreta y rápida la explicación.

[@chemedev]

Lo hice completo, me viene bárbaro para mis diseños ya que me encanta el front-end pero no sé usar herramientas de diseño!

[@jesusmolinacastro3340]

Pasé toda la mañana haciendo el diseño mientras veía el vídeo y fue genial. Gracias por tu aporte

[@edomargon]

Hola Carlos Agradecido con tu video, me impresiona gratamente lo pedagogico y la manera practica que lo enseñas. Gracias Mil Felicitaciones

[@FalconMasters]

Muchas gracias por tus palabras! las aprecio mucho.

[@Jqvco]

Me encantaría que hagas un video explicando como pasar nuestro diseño de Figma hacia código de HTML y CSS, por favor! :D

[@farodelsurservicios]

Como siempre un capo!!!... muy claro y sin guardar detalles. Te agradezco por la info. Solo una reflexion. Al momento de seleccionar los iconos, elegiste uno de cada pueblo (como decimos aquí). Al momento de implementar esto (como programador que soy), creo que sería mas útil tenerlos todos del mismo palo, entonces será solo cuestión de sumar por ejemplo font awesome y listo. Aun no veo el modulo de como pasar esto a código, pero me hace ruido que en diseño todo vale y luego el programador va a tener inconvenientes para poder implementarlo.

[@jorgemurrietaherrera3123]

Excelente mi estimado Carlos esperaba ya tu video acerca de figma, me será muy útil ya que eres un gran instructor.

[@FalconMasters]

Gracias!

[@mariugeniarincon]

Muchas gracias, estoy iniciando y tus videos me ayudan pero un monton.

[@FaustoLoGiudice]

Bro sos el mejor! Gracias por el aporte, estoy usando esta herramienta para visualizar maquetas de diseños web para desktop y móviles

[@RickBroken]

Muchas Gracias, la verdad figma es muy útil por que es algo muy fácil de manejar y didáctica, Muchas gracias caballero

[@carlosgarciadevel]

Muy bueno el tutorial. Me estaba haciendo bolas con todo eso de armar componentes y lo explicaste muy bien. Y eso de la paleta de colores personalizada va a ser de mucha ayuda.

[@andresromero592]

Nuevamente gracias Carlos Arturo te quiero comentar que llegue al final del vídeo y que buen diseño. Deja mucho que hablar de ti. Algo más que por favor te pido, seria bueno hacer más tutoriales como este la comunidad te lo agradecería. 👌💪❤

[@jorgedu74]

Gracias por compartir tu tiempo en ilustrarnos nuevas herramientas

[@jorgeeliasorozco9101]

Excelente como siempre Carlos, este tutorial me ayudó a soltarme más en figma, muchas gracias por todo el contenido que compartes, es de mucha ayuda para nosotros...

[@FalconMasters]

Muchas gracias a ti Jorge, me alegra que te sirviera.

[@miguelalvarez3471]

Me ha servido bastante tus dos vídeos Falcon, Gracias por tomarte el tiempo para compartir tus conocimientos.

[@FalconMasters]

Me alegra mucho que te sirvan mis videos!

[@daniloalcocer4352]

waoooooo! increíble me ayudaste mucho he estado perdido pero gracias al vídeo ya puedo desenvolverme mejor en Figma lo máximo

[@datafractal]

Me encantó este video-tutorial, excelente todo, aprendiendo mucho de la mano de Carlos, espero que hagas más videos de Figma. Gracias!

[@tomasolivera9873]

Carlos pensaste si vas a hacer la serie pasando una página de figma a HTML???

[@wilbur2477]

Yo también quiero!!

[@abadbalderas]

Me uno

[@richardvalerio1353]

Sería muy útil

[@raulflores2683]

Eso es aun mas facil sabiendo el curso de html

[@luisruizizarra4160]

Si, me uno a la idea. A ser posible podrias hacer una serie de videos de como pasar de FIGMA a HTML Gracias

[@eduardocd343]

Hola falcon, gracias por este video, me quede hasta el final del video y estoy agradecido por el contenido que haces para nosostros

[@milagros7414]

Estuvo genial el video, también se puede poder en las medidas y posición “+ 3” es decir si la medida está en 160 -> “ 160 + 3 “ y enter, así te ahorras algunos pasos, como comento es para la posición y medidas, o en la posición “320 - 22”, te ayuda con la precisión ☺️. Pdt. Me encanta como explicas 😁

[@danielpujols6877]

Carlos excelente como siempre, lo vi hasta el final pero no practico aún, me gustaría que ahora lo pases a código porque yo la verdad es la parte que más me interesa, la parte de programar, por lo que puedo notar tendríamos que usar un poquito de todo, como HTML, CSS, JavaScript y PHP si no me parece mal, así que espero con ansias tu video sobre pasar a código, eres un master, Dios te bendiga siempre.

[@adolfoleonidas]

Excelente,llegue hasta el final.Gracias crack.

[@oscaroe86]

Hola Carlos, con conocimiento previo en XD seguí tu ejercicio de la página de netflix. Ahora, finalicé este con Figma y siento un poco más fluido y práctico el de Adobe, siendo Figma una herramienta increíble, gracias!!!

[@enmimaquinaandaba]

Eres muy crack, gracias a este video me animé a ponerme a aprender Figma

[@Geonormaltube]

Excelente diseño, una gran herramienta, muy buena tu explicación.

[@christianaguilera8815]

amigo muy buen contenido como siempre. yo recomencé con el mundo de la programación y siempre veo tus tutoriales explicas muy bien. se te entiende perfecto. quería una recomendación tuya. quiero aprender muy bien lo que es el diseño y la programación web. ademas de tus cursos. cuales otros me recomiendas donde sepas que el contenido para aprender es realmente bueno y fiable. He hecho uno que otros cursos y quiero aprender muy bien javascript ya vi tu tutorial de ello y sigo todo tu contenido. sin mas realmente agradecido con personas como tu que comparte el conocimiento adquirido. Bravo por ello y siga adelante compadre. Estare atento a tu respuesta a la de algún otro colaborador en el chat o los comentarios.

[@kokitafria6729]

Me acabo de comprar tu curso de Desarrollo web en Udemy, y este vídeo me sirvió para aprender una alternativa a Adobe XD. Muchas gracias por subir buen contenido bro, saludos :v

[@hugooliveirapinho7375]

Excelente tutorial, sou brasileiro e gosto muito das suas aulas, inclusive participo de seu curso desenvolvimento web desde zero na Udemy, muito obrigado!

[@waldid1734]

Excelente me parece bien que enseñes un poco de este

[@denncriss3082]

Sos un grande carlos muchas gracias por tu aporte a la comunidad a mi en lo personal me encanta figma por que solo requiero un navegador y creo q es la mejor opción para usuarios linux ... Si se pudiera seria bueno ahora llevarlo a codigo seria un pluss enorme

[@bl3ssedc0de]

Genial tutorial, ahora a pasar del diseño a la codificación, ojala integrando el css que ofrece figma, esperamos ese video.

[@Nataliaestuvoaqui]

Estuve buscando tutoriales de figma en español y este me ayudó muchísimo para entender muchas opciones. No sé si más adelante puedas hacer un tutorial de figma mostrando como utilizar las opciones de enlazar pantallas para hacerla interactiva.

[@onebox5017]

Muchas gracias por subir este video, estuve muy práctico! lo estuve viendo de principio a fin. Me gustaría subieras más contenido de Figma. Más ejemplos o como hacer efectos para que las imágenes se vaya cambiando así como salen en las webs (Sliders, Carruseles, etc). Saludos!

[@gabrielotazo3984]

gracias. muy util, facil de entender, tu contenido.

[@oleonunez]

buen vídeo, podrías hacer una reseña sobre el código css para mostrar un poco donde están los elementos, gracias.

[@douglasperez3701]

Buen video Carlos Arturo, ahora solo queda practicar y practicar 🙌

[@HallanMorales]

El mejor curso de figma gracias

[@vic11t]

Muchas gracias muy buen video, muy rápido y fácil de entender para empezar. Aún no he utilizado el programa pero pienso hacerlo, me gustaria que no fuera solo para 64bits para poder usarlo offline una lastima que solo lo puedo usar desde el navegador cuando eres pobre jajaja

[@maryfrancisberrios2164]

Excelenteee... como siempre atenta a tus videos, la verdad me gusta mas figma que adobe xd

[@gabrielbalsera9429]

Hola! me gusta como esplicas, se entiende claramente. Podrias hacer un tutorial de prototipar en movil!

[@GuidoCentesimo]

Tio tu video es MAGNIFICO, le hice a la par que tu y me tire al menos 3 horas para seguirte el paso. Pero estuvo genial. Por cierto, tu no tomas agua? porque hablaste sin parar, jajajaja. muchas gracias

[@FalconMasters]

Muchas gracias de verdad por tu comentario, es un gusto que te haya servido mucho mi video. Suelo hacer una pequeña pausa de vez en cuando y la corto al editar el video, pero en general suelo grabar los videos casi de corrido. Supongo que es la practica después de grabar tantos videos haha. Saludos!

[@calamardoX]

Excelente. Muy didáctico.

[@alfremagno100]

muy bueno. visto hasta el final

[@yfwarren]

Hola, Llegue al final del video Me gusto bastante, voy a comenzar a practicar con Figma, me parece una excelente herramienta y muy intuitiva Me gustaria que hicieras un video de como llevar entonces el Diseño a codigo HTML y CSS para conocer la experiencia de trabajar con diseñadores UX/UI Te comento que me gusta mucho este mundo del desarrollo web y me gustaria comenzar por ser un buen maquetador. Saludos cordiales,

[@cqeldroma]

Falcón, llegué al final y me parece increíble, una felicitación y ahora a probar, solo una duda, el diseño lo pasa a HTML al estilo de Dreamweaver o solo es el diseño y hay que hacerlo aparte??? Saludos tocayo.

[@edomargon]

Hola Carlos Tengo una situacion con el mapa al intentar moverla se mueve el rectangulo, debo desligar mapa de rectangulo? y como lo hago?. Gracias y de nuevo Felicitaciones, por tu sabiduria y la manera como lo enseñas

[@matiascanepa1433]

seria bueno ver un proyecto completo de un sitio web! incluso combinando figma con framer

[@devangel1698]

Hola, gracias por el tutorial, esto despues se tiene que pasar a HTML y CSS ?? o la app te genera el codigo ?

[@veja-e-aprenda]

Genial! Saludos desde Brasil

[@estefaniaelista5122]

Gracias... Muy bueno el video, me ayudo mucho!!

[@FalconMasters]

Me alegra mucho escuchar eso!

[@ximoromero5]

Vaya, que casualidad yo soy de Valencia, España jajajjajajaja un saludoo

[@luisheredia9552]

Llegue hasta el final del tutorial, me gusto mucho

[@FalconMasters]

Me alegra mucho escuchar eso!

[@jorgecespedestapia]

Buen tutorial. En general no es algo completo, pero si laborioso, acostumbrase a escoger las opciones correctas e ir armando el diseño de la página. Una pregunta, Se puede descargar el diseño en PDF o JPG o PNG o algo. No he logrado hacerlo.

[@isaacmartinez3596]

¡Me encanto Carlos! ¿entonces esto es solo una maqueta, no hay una forma de exportarlo y que nos de los archivos html y css? Y de no ser así ¿podrías hacer un tutorial de como crear nuestra página a partir de una plantilla?. Gracias por este video Carlos

[@jonathanpl29]

¿Cuál recomienda más? ¿Figma o adobe XD?

[@solutechcore]

Nítido, me gustó aprendí varios punto

[@kevinguzman1929]

Ooooohhhhh.... genial Carlos!!!. Esto está genial!!!! ¡ Dios te bendiga hermano! 😎😎

[@FalconMasters]

Gracias!

[@cer0tube774]

Ojalá sigas haciendo más avanzados y luego maquetarlo con css3 grid etc

[@leorodseg]

excelente, como siempre

[@ramonurchipia]

Muy bueno! Gracias

[@gastonferreyra8440]

Estimado tambien vas a hacer la parte de programación

[@miguelangelfernandezrodrig2566]

Muy buen material.

[@mckutinha7603]

Estaría buenísimo cursos en vivo

[@Luucah9]

Para pasar la página web al tamaño de celular como hay que hacer? Tengo que adaptarlo a todos los tamaños o solo a uno? (android por ej.)

[@gbarajas2971]

Hola amigo, planeas hacer un curso de algún framework front end Vue React Cual es tu preferido?

[@jmjl2]

Llege al final mola mucho figma

Genial, siempre veo tus videos. Podrías subir un video de como subir nuestros proyectos a la nube y que estén disponibles para todos? porfa, te lo agradecería mucho

[@FalconMasters]

Lo voy a revisar, aunque por defecto los proyectos ya están en la nube, solamente tienes que iniciar sesión y puedes entrar a ellos.

[@scarfacethebest]

Haz una serie enseñando a fondo todo lo que se puede hacer con Figma.

[@jesusolivares2479]

me gustaría aprender mas acerca de prototipos e instancias porque no me aparece como en los videos del canal oficial de figma. No se si es porque es 2018 ó porque usan Mac

[@efrenve]

Excelente... para mi que estoy conociendo Figma, una pregunta amigo mío, y como seria el código para esa barra de filtro y de que manera integrarlo con Figma, me imagino que seria con JavaScript enlazado a una base de datos..?????..Saludos y un abrazo desde Venezuela,, y si llegue al final...

[@alexisromero2999]

Muy bueno!!, Llegue hasta el final

[@soyizzat]

Llegue hasta el final. Excelente video

[@ayrtonart]

Gracias bro, te recomiendo que investigues sobre autolayout en figma

[@DavidCaos]

oye en tu pagina web tienes tutoriales de como hacer las cosas y cuando le damos click nos manda ah la informacion y todo podria hacer eso con un video o si ya subiste uno asi decirme plz necesito ayuda:(

[@joseluisperez5137]

Esta muy buena esta herramienta, al menos yo si le doy una oportunidad para sustituirlo con photoshop por el tema que es algo pesado el programa y talvez no utilizemos todas sus herramientas. El plus de poder trabajar la maquetacion en equipo con figma es un buen punto a favor porque hoy en dia creo que se requiere mucho de un equipo que este trabajando en equipo pero tambien supervisar que este haciendo lo que se les pide

[@lestherjosue1729]

Hola FalconMaster, me gustaria que realizaras un video sobre como crear una API Rest PHP y como consumirlo con un proyecto de React. Sería de mucha ayuda, Gracias

[@LuisSanchez-sy4rp]

Hola FM. No has hecho ningun video de como llevar el diseño de figma a html y css? Estaria bueno.

[@markohidalgoromero]

llegue hasta el final, solo tengo la duda de como repetir las card de manera mas eficiente, gracias

[@MrAj1224]

Hola man ¿has pensado actualizar el curso de diseño web con esto de Figma?

[@andrair88]

Buenísimo, gracias, va a favoritos

[@FalconMasters]

Gracias

[@edomargon]

Hola Carlos Despues de crear el diseño que sigue? me puedes guiar por favor, Gracias

[@FalconMasters]

Hola, después de hacer el diseño hay que pasarlo a código con HTML y CSS

[@RobertoRamirez-dh6gn]

Vi el video hasta el final 😀😀. Muchas Gracias por el magnifico video. Pero podrías explicar cómo podemos pasar ésta Página a nuestra PÁGINA WEB ???? y se podría hacer alguna ANIMACIÓN con FIGMA. Gracias otra vez y un saludo desde España

[@FalconMasters]

Hola Roberto, la web la puedes crear con lo que enseño en mis otros cursos, en mi curso de diseño web también lo enseño, te dejo un enlace por si quieres verlo: www.desarrolloweb.io/cursos/diseno-web

[@hectormendez7290]

disculpa la ignorancia... pero como pasas el diseño a html ??

[@franklinalexiperezrojas8836]

Carlos, llegue al final del video, lo use remplazando a las lecciones de adobe xd del curso de diseño web.

[@franklinalexiperezrojas8836]

Tambien lo complemente con el curso de figma de uxcristopher. Valio la pena. Gracias, ahora si, vamos por CSS Y HTML de tu cursos de diseño web amigo

[@SaavedraWoW]

Me gustaría que los botones interactúen como si fuese un usuario real, que tengan animación, abra algún video explicando? por cierto gracias por el tuto

[@Doczerok]

Muy buen video

[@Enkianubis666]

Excelente Carlos Arturo 🤟🏻🤟🏻🤟🏻🤟🏻

[@FalconMasters]

Gracias!

[@pablogabrielnieto6890]

Cómo se puede ver la cantidad de pixeles que hay entre dos objetos?

[@lucasantoniazzi5175]

Hola muy buen video, si no es molestia podrías explicar como implementar paypal

[@jhosueploo]

Fuera grandioso si harías una video de como pasar la página de figma a html

[@fernandodelarosa376]

por que las columnas deben de estar en medio con ese margen tan grande de los lados?

[@josealejandrocelis1181]

Bien amigo, podría subir un tutorial de angular? Por favor

[@fffeeedddeee195]

hola carlos la verda quiero comprar algun que otro curso tuyo pero tengo un par de preguntas antes porque la verdad recien estoy empezando, me podriias responder??? GRACIAS

[@FalconMasters]

Si claro, comentamelas con gusto

[@biologiaybiotecnologiauncc6252]

MIL GRACIAAAAAAAAAAAAAAAAAAAAS

[@nicogarcia3852]

Seria excelente si mas adelante enseñes a como pasarlo en codigo, saludos

[@ndcfitness2647]

No me aparece Layout Grids

[@hernanarica6389]

Buenas! Vas a crear un curso completo de figma de casualidad?

[@FalconMasters]

Si lo estoy pensando seriamente, pero no ahora, primero tengo que acabar otros cursos.

[@hernanarica6389]

@@FalconMasters sería buenísimo saludos!