De Figma a web en 1 segundo 🚀. Web responsive sin código de manera exprés y super fácil.
HTML-код
- Опубликовано: 28 авг 2024
- Ahora puedes permite convertir diseños de Figma en sitios web funcionales y responsive en cuestión de segundos. figma.to.website es una herramienta sencilla de usar y eficiente.
Link al plugin: www.figma.com/...
🌐 El plugin convierte diseños de Figma en sitios web responsive en segundos.
📱 Permite añadir enlaces y funcionalidades de prototipado.
💻 Funciona con autolayout y constrains.
🖼️ Permite personalizar el título, descripción y URL de la página.
💰 Ofrece un plan gratuito con 10 páginas y 100 imágenes.
🎨 Admite Google Fonts y opciones de personalización avanzadas.
🚀 Permite publicar el sitio web y compartirlo con clientes o usuarios.
😍 Esto si que es un regalo de Sant Valentin, vaya pasada de pluguin
Impresionante! Flujo de trabajo sencillo y rapidísimo. Grandísimo plugin! Gracias por compartir Raúl 🎸
Gracias a ti! ;)
Fua buenisimo Raúl me viene genial ahora que ando ya terminando los wireframes de mi portafolio web, estube investigando herramientas para poder hacer un portafolio web. Yo ya me estaba planteado tener que usar herramientas de terceros tipo framer o relume,pero esto ya lo cambia todo. Lo veo muy como porque no te hace falta salir de figma. Se pueden mantener los componentes,imágenes, tipografía etc...mucho más comodo que andar exportando links o archivos en su defecto.
Gracias Raúl. Responsive sin salir de Figma… Si las clases permiten incrustación de código puede estar genial. A trastear! 🔝
Mola Mucho!!! Grande como siempre Raúl. keep it rolling 🚀
Gracias a ti! 😊
🤯 Buenísima herramienta!!! Muy útil. Me flipa la guitarra de cómic😄. Un saludo Raúl!
Muchas gracias!
Que maravilla de plugin 😍 Grasias Raúl!
Gracias a ti!
Gracias sensei! siempre a la vanguardia
Gracias a ti! ;)
que bueno herramienta! tengo que ver si me va esto bien o framer para pasar mi portfolio a web.
me salvaste con este dato, todo muy bien explicado, gracias.
Gracias a ti!
Madre mía qué maravilla!! Graciaaaaas!!!
Gracias a ti por ver el video ;)
Muy buena herramienta, la voy a explorar 🤗
Creo que voy a cambiar mi web en framer aqui, ya que la tenía creada en principio en Figma. Gracias por compartir
Genial! De todas formas el control de breakpoints de esta herramienta es algo durilla todavía así que revisa antes porque a lo mejor no llegas a poder dejarla igual que como la tenías en Framer. Pero por experimentar está guay ;)
@@RaulMarin_Figma un reto más ^^
Estoy flipando Raaaaaaaaúl 🤌🏽
Jaja, esta muy guay... en este video lo uso también. ruclips.net/video/Q-EaArAknoo/видео.htmlfeature=shared
muchísimas gracias querido!
Gracias Marie ;)
Super util el video!!! Entoces esto significa que si yo hago la web de mi empresa, me la va a poner como una web para que la vea todo el mundo no? Y se puede de una web ya existente en otra app, coger el dominio y si pinchas en esa que es la de siempre te lleve a la nueva? Ns si me he explicado bien. soy nueva en esto😅
Sí, si que puedes... Redireccionas a la url de esta herramienta y listo ;)
Gracias por este video, tendrás por casualidad un video donde indiques como hacer ese diseño responsive que todos los elementos vayan hacia abajo y se adapten de forma ordenada, sería estupendo porque estoy teniendo fallas al probar este pluggin
Hola, en este sale un poquito también... pero revisa todo bien en tu diseño y usa solo auto layout ruclips.net/video/Q-EaArAknoo/видео.html&ab_channel=Ra%C3%BAlMar%C3%ADn-Figmatraining
@@RaulMarin_Figma Es raro porquehe hecho todo con auto layout pero no me da la funcion bien y al crear el link me genera un abultamiento de todas mis cajas. seguire intentando. si tienes alguna sugerencia te lo agradecería y gracias por responder.
Veré el material que me envias
Excelente!!!
Gracias, Raúl. Hasta ahora lo que hacía era usar el plug-in de exportar a Framer y publicar desde allí, pero esto es muy buena solución. Por otro lado, si no quiero publicar sino *exportar* el html de un diseño, ¿recomiendas alguna herramienta?
Gracias de nuevo.
Ahora hay muchas cosas dentro de Figma Locofy, Anima app...
¡Gracias! @@RaulMarin_Figma
Hola! estoy interiorizandome en el mundo de figma, mi consulta es si a la hora de clickear en publish lo que vemos es una web funcional o es solo para correcciones e interna... quiero hacer landing page e insertar el pixel de facebook, es posible?
Hola, ánimo con el reto... Figma de forma nativa solo es para diseñar y prototipar... No permite lanzar webs, ni configurar aspectos de métricas externas etc. Para eso usa herramientas como Framer, Webflow... o similar.
Si ya tengo delimitado el diseño en mobile, tablet y desktop , es posible usar esta herramienta para indicarle esos breakpoint? porque por lo pronto vi que se prueba en un diseño desktop
¡Hola, Raúl! Pinta muy pero que muy bien. ¿Sabes si da la posibilidad de descargarse directamente la hoja HTML + CSS? Aunque supongo que si permite subirla a tu dominio personal en versión de pago se puede descargar directamente de ahí, pero por saber si tiene un atajo antes.
Hola! Pues que yo sepa esta herramienta no cuenta con esa opción. Otros plugins com Anima app o similar si cuentan con esto. Es una herramienta cerrada en código al estilo de Framer.
Hola buen día, tuve un problema con el plugin, quiero que el header se quede quieto cuando hago scrolling, en el prototipo de Figma si funciona pero ya en la página web no, no sé si podrías ayudarme diciéndome si es problema mí o aún no está posible ese efecto
Hola, efectivamente esa opción de menu fixed no es posible hacerla con este plugin
Me has dejado con el culo torcido Raúl 👏👏
Jaja! A darle caña Alex ;)
Hola Raúl, hay alguna manera de que el header permanezca fijo y no se mueva al hacer scroll en la pagina? si le ponemos en el prototipado fixed si lo hace al visualizarlo pero no lo mantiene al pasarlo a html
Gracias
Hola César, pues que yo sepa no admite esa función de fixed aún :(
Una pregunta para hacerlo con breakpoints utilizaste el plugin o alguna funcionalidad nativa de Figma?
Hola Andrés, lo hice con flex-wrap de auro layout nativo. Pero admite brekpoints separados. Este finde hago video ;)
Genial esperamos el próximo video!
Si tengo mi dominio en hostinger puedo ponerlo en el plugin, pagando?
La opción de pago creo que si lo admite... La otra es que lo redirecciones desde tu hosting y no pagues.
Alguien sabe si cuando adquieres uno de los planes premium si se necesita estar pagando mensualmente para que se mantengas las características en la pagina como el dominio y todo lo que incluye el paquete?
Hola si funciona como Framer, si. Si dejas de pagar se desconectan las Dns y el dominio no irá. Pero imagino que lo que has hecho dentro si se mantendrá mientras no hagas cambios y vuelvas a sincronizar...
@RaulMarin_Figma Hola Raúl. Estoy intentando publicar una web de Figma en internet. Funcionaría este plugin para hacer eso? Supongo que he de tener un hosting contratado, no? No se si me explico... Soy nueva en esto y no acabo de entender...
Hola, si, con este plugin puedes hacer tú web completa. Pero NO necesitas hosting el propio plugin lo aloja en su hosting. Solo debes pagarles si necesitas asociar un dominio. Aunque también puedes redireccionar tu dominio desde tu proveedor y listo...
Que buen programa
que concozo
wowwww
Framer me parece mucho mas manejable, claro esta bueno ese pluging pero le falta camino aun
Framer es una herramienta mucho más potente y con más posibilidades pero la integración con Figma es muy pobre y defectuosa. Para muchas ocasiones está herramienta es mas ágil y rápida. Veremos como evoluciona. Gracias por comentar 🤗
Gracias Jan!