Cómo convertir un diseño de Figma a código en Webflow 🖥 

Deseo felicitarte Cris...tengo 58 años y he sido profesor universitario en Venezuela de Periodismo y Comunicación Social por más de 25 años. Tengo ya un mes y tanto, profundizando en el diseño Web, que es una de mis pasiones. En este tiempo comencé con FIGMA por aquello de poder partir de allí y llevar el prototipo a código en HTML, CSS y JS. Con los tutoriales de tres o cuatro youtubers, en mi opinión, que lo hacen muy bien, he avanzado poco a poco. Hoy, 29 de agosto de 2022, encontré tu canal, en el que me había suscrito y he iniciado en tu tutorial de cómo convertir un diseño Figma a código en Webflow. Sin duda alguna, eres excelente, has logrado que alguien como yo, a mi edad, entienda de una manera tan fácil. Felicitaciones y mucho éxito. De viejo y duende profesor a joven profesor...felicitaciones y gracias...recorreré tus tutoriales uno por uno. Por cierto, si me lo permites, haré criticas constructivas cuando sean necesarias...Felicidad y Prosperidad...desde aquí te deseo.

¡Muchas gracias! Sería bueno, tener más tutoriales de Webflow. :)

Gracias Cristopher, muy buen video!!!

Muchas gracias Cris por tu tiempo y dedicación brindando este tutorial ¡tan bueno!

Super detallado... como siempre! MUCHISIMAS GRACIAS!!!!!!!!

Sos un genio Cris! Hace 1 año y medio o 2 aprendi a usar Figma con tus videos, y ahora me encuentro dando los primeros pasos en Webflow con tus tutoriales. Un abrazo y seguí así!

Grande Cris, de verdad muy agradecido con tu contenido!

eres fantástico explicando .... GRACIAS !!!

Ay Cris me encanta todo lo que enseñás, no pares nunca jajaja

Wooowwwww !!!!! Muchísimas gracias por ésto !!!! SOS UN IDOLO!!! GRACIAS!!!!

Sos un genio Cris, gracias por todo tu aporte!

Súper rifado!!! Que buen video, muchas gracias!!!

Sos gigante Cris! Gracias ♡♡

Woow!! muchas gracias!!! increíble contenido!!!!

Excelente contenido como siempre, Cristopher.

Necesito más de webflow! Gracias Chris

¡Necesito tutorial!!! ¡Profundo!! ¡Gracias!!

Estaría genial tener más tutoriales de Webflow :)

más tutoriales hermano! Gracias Chris

Necesitaba conocer más de este programa y poder utilizar webflow

Esperamos más de Webflow maestro! 🙌🏻

Gracias amigo

el mejor contenido ux

sos un genio

Gracias por el contenido...puedes subir mas acerca de webflow..millon gracias

A ver a ver 😌

Me encanta webflow pero sin código no quiere decir fácil tiene su complejidad pero para eso se vive para aprender muchas gracias

Gracias por el contenido muy bueno, y lo que dices de aprender Webflow estaría muy genial

Genial, para tenerlo maquetado en html y css

Que crack❤

Gracias por tanto contenido, gracias por enseñarnos tus secretos, un gusto amigo

BUEN VIDEO

Se m olvidó comentarte, que fue la razón de escribirte también, que el workplace de Webflow y sus elementos y herramientas funcionan como los que tiene FILMORA 9, un editor de videos. Lo utilizó desde hace muchísimos años con otros similares, pero su dashboard ofrece la amigabilidad que este de Webflow a sus usuarios. Te lo dejo para que lo revises, sino no lo conoces, te darás cuenta que es un buen ejemplo para quienes escuchamos tus tutoriales la primera vez. A mi me recordó el dash de Filmora 9 y por supuesto que eso ayuda, porque ya me ubica en lo que puedo hacer y cómo.

muy bien explicaod. Lamentablemente todos estamos a la expectativa de que sea automatizado... algo que dificilmente se dará en realidad, dado lo cambiante, complejo y dinamico del mundo del codigo web... pero con algo se empieza, y es esencial comenzar con lo fundamental.

Increíble este tuto. Me gustaria saber si una vez publicado un dominio, la página se puede volver a editar en webflow, o si no se puede editar mas una vez publicado?

SISISI! WEBFLOW!

maravillosa intro, conoces algún plugin para manejar plugins?

y después de esto que se hace? mencionaste algo de conectar con el dominio personal para que la web ya este publicada y activa, habrá algún video donde expliques eso? me salvarías la vida, estoy cesante y me gastaría mucho hacer mi primera pagina web pagada, se usar figma (tengo varios proyectos) pero hasta ahí llegue, muchas gracias

Tocaría un nuevo tutorial con el plugin de Figma to Webflowww

Hola, buen video 👍 Pero si bien sabemos que hay diferentes tipos de sistemas o aplicaciones web ( con o sin APIs y base de datos), mi pregunta es: para que Tipos de Proyectos Web es recomendable usar Webflow..?? 🤔🤔 Agradecería tu respuesta. Saludos

como puedo copiar las propiedades de los efectos de un SVG, y transferirlos a un "embed element" en webflow? Hay alguna forma optimizada de copiar SVGs complejos, con efectos como "backgorund blur" y cosas así?

Excelente contenido Cristopher, ojalá pronto haya la oportunidad de colaborar juntos y traer un contenido de gran valor para nuestras comunidades 💪

Hola!! Como paso mi web de Figma a Shopify? Ya tengo la web, el diseño pero ahora como lo puedo convertir en mi tema de Shopify?

Que curso de -webflow- me recomiendas ...?? Gracias

recomiendas webflow para Ecommerce ?

un diseño de Figma sirve para actualizar un diseño que está en un WordPress?

Podrias decirme como hago para organizar el proyecto en figma como tu lo hiciste en este proyecto?? wao es realmente grandioso trabajar asi

8:51 en Framer si es así xd

No se puede exportar a un click?

tengo dos preguntas- hay noto que sale marca de agua "mad in webflow ¿eso se quita de algun modo? y segundo si yo quisiera los archivos html y css del sitio ¿se podria del programa webflow?

Dices que arriba dejas los vídeos anteriores con el desarrollo del proyecto. Dónde están los vídeos??? Porque arriba no los dejas 😂😂😂😂

Cual es la razón concreta por la que no se hace el diseño directamente en webflow? Entenderia yo que es mas "facil" diseñar en figma? Pero veo que se podria directamente en webflow aunque sea un poco mas complejo,valdría la pena para no hacer este doble trabajo

7:41

Cómo pasó un wireframe hecho en figma a un archivo

Tú crees que mis trabajos de UX/UI los pueda vender ya pasados a Webflow?

ey brooo pero no mostraste si tmb se hace responsive o se distorciona el sitio web !!!!!!!!!!