De Figma a HTML con Css | Practica 1
ฝัง
- เผยแพร่เมื่อ 7 ก.ค. 2024
- Aprendemas a pasar del diseño en Figma a html, es una practica basica donde vemos:
-Implemetancion de DarkMode
-SVG con blur
-Pasa iconos SVG a HTML
00:00:00 intro
00:00:30 Presentación de diseño
00:01:15 Iniciamos maquetación
00:02:38 iniciamos estilos
00:05:48 Copiando icono SVG
00:07:09 Colocando fondo con blur
00:10:40 Modo oscuro nativo
00:12:30 Despedida
►Twitter: / djuliocb
►Twitch: / djuliox
►TikTok: / d.juliox
Gracias Dev por el video
Muy buen video
Amigo creo q podés copiar el código css de figma con los grupos ya armados para tener una referencia y construir desde ahí. Saludoa
Hola, el código de lo que haces queda en algún lado? Tenés github? Muy buenos videos
Si, en algunos videos está mi github
Amigo que temas usas en el Visual studio
Se llama material theme palenight muy bueno, buscalo
Existe alguna forma de poder tener una ayuda con el css que trae figma?
No es muy recomendable guiarte del código que te den los programas, no se adapta muy bien a lo que va ser tu proyecto
@@DevJulio esa duda tenia, si es recomendado hacerlo a mano el css o usar el de figma
Hola, sr.Julio necesito un trabajo te pago si me lo podrías realizar, que medios manejas para comunicarme con usted?
Hola, no sue si te respondi o no
No se puede exportar eso que tenes en figma directamente a HTML?
Se debe de poder, pero es mejor evitar ese tipo de exportaciones, ya que por ahora no quedan muy bien, si buscas algún plugin ya debe existir
Si eso pensé. Me ha costado encontrar uno que no tenga tantos protocolos pero igual no son muy confiables. Gracias
2024, no sirve al 100% exportar, sigue requiriendo que sepas html y css para ordenar la estructura, nombrar las clases, y encontrarle el criterio. Hay plugins que te extraen el html y el CSS, el anima es el que más se acerca, como al 80%, pero es carisimo: 49 euros al mes, en la version gratis, solo 5 exportaciones al mes. Pero aún es muy necesario que sepas HTML y CSS.