Convertir un Diseño de Figma en un Sitio Web Real usando HTML y CSS 🐱‍🐉 (de PSD o PNG a CSS3)

👨‍💻 Aprende programación y desarrollo web profesional desde cero con estos cursos, síguelos en este orden ⬇️

(Cupón de descuento extra para ambos: VICTORROBLESWEB)

► SÍGUEME AQUÍ ◀

► COSAS QUE USO ◀

Los desarrolladores en muchas ocasiones tenemos que convertir diseños hechos con Figma, Photoshop o cualquier herramienta de diseño a código HTML y CSS puro.

En este video, te guío a través del proceso de convertir diseños web de interfaz de usuario en un sitio web real usando HTML5 y CSS3 dentro de vscode.

Espero que te guste mucho el vídeo 😄

Puedes ver más vídeos como este aquí:

#figma #css #html

[VictorRoblesWEB]

👨‍💻 Aprende programación y desarrollo web profesional desde cero con estos cursos, síguelos en este orden ⬇

✅ Otros cursos de desarrollo que también te gustarán mucho:


(Cupón de descuento extra para ambos: VICTORROBLESWEB)

[rubitopato]

yo actualmente compre 2 cursos tuyos de udemy el de master en javascript que ya casi lo completo lo compre hace 1 mes y el de master en PHP hace 1 día y wow es que explicas muy bien y me encanta que te equivocas y ahí mismo resuelves ese error eso lo hace único porque muchas veces una se equivoca y no desarrollas muy bien la lógica y la gran mayoría de gente lo corta y eso molesta para resolución pero me encanta que explicas como si uno fuese tonto pero con respeto xd eso es tremendo quizá lo único seria algo mas de clases extra de repaso de todo seria increíble haciendo mas programas y enseñando mas cosas pero en plan general aplicando todo lo del curso en un solo programa al final he visto algunos repasos pero según vi no es exactamente de todo si no de ciertos temas pero wow te felicito por esos cursos son muy buenos me han ayudado mucho

[UnDarkVader]

Este vídeo está bueno para los diseñadores web. Ellos deben entregar el CSS3 y HTML5 para el frontend.

[danielcruz]

Eso era lo que estaba esperando macho,

[juanma]

Con el título me alcance a imaginar que presentarias una herramienta que nos ahorra esa perdida de tiempo de estar transformando a codigo lo que se imagino el diseñador... Jejejeje aqui los estilos css los dicta el figma..la fuente, espacios, efecto visual ahi estan.. 💔 de todas formas buena info

[fernandolopezvega]

Victor you are the best.. thanks so much

[kyokobm]

No sabes el buen timing que tiene esta explicación para mi ahora mismo 😭😭
Mil gracias, Victor 🙏

PD: Me anoto el curso de maquetación, se ve bueno 👍

[BenjaminFretes-pc]

Que tal Víctor soy Benjamín Fretes de Asunción, Paraguay te escribo y en encantan tus vídeos y contenidos sobre programación y diseño web, quería preguntarte que si ya es tarde yo con 38 años de edad para empezar a programar y diseño web porque me ha llamado la atención desde hace tiempo, te agradezco y Bendiciones!!

[andygutierrezmarquez]

Hola, estoy usando codeigther, la pregunta aquí es que si puedo combinar HTML, PHP y CSS juntos?

[AngelMorinigo]

Pensé que ibas a mostrar como se convierte.

[FavianRamos]

Hola una consulta si quiero ser un desarrollador backend y fronted es decir un full-stack que carrera me recomendarian a estudiar ?? Xfa quiero una respusta :(

[Pako_Pod]

Me convenciste otro curso a comprar voy corriendo a comprarlo :3

[hohnedwardiaz]

Hola bro Tus cursos hay que pagarlos uno por uno o hay UN paquete especial para acceder a todos Tus cursos ilimotados

[dar]

Que proyectos realizas en el curso de css avanzado?

[JoseF]

@VictorRoblesWEB no tienes ningún curso de lógica de programación por lo que he podido observar, verdad?

[danielconda]

Cómo trabajo en algo así, aiuda, literalmente hago todo lo que el dijo :(('