De Figma a web en 1 segundo 🚀. Web responsive sin código de manera exprés y super fácil.

Подписаться 13 тыс.

Просмотров 6 тыс.

50% 1

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/community/plugi...
🌐 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.

Опубликовано:

18 фев 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 57

@ArielCND 3 месяца назад

😍 Esto si que es un regalo de Sant Valentin, vaya pasada de pluguin

@jesusreyesXYZ 3 месяца назад

Impresionante! Flujo de trabajo sencillo y rapidísimo. Grandísimo plugin! Gracias por compartir Raúl 🎸

@RaulMarin_Figma 3 месяца назад

Gracias a ti! ;)

@Gianluccazz 3 месяца назад

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.

@franciscomoreno3080 3 месяца назад

Mola Mucho!!! Grande como siempre Raúl. keep it rolling 🚀

@RaulMarin_Figma 3 месяца назад

Gracias a ti! 😊

@marioverdu0 3 месяца назад

Gracias Raúl. Responsive sin salir de Figma… Si las clases permiten incrustación de código puede estar genial. A trastear! 🔝

@MrZubeldius 3 месяца назад

🤯 Buenísima herramienta!!! Muy útil. Me flipa la guitarra de cómic😄. Un saludo Raúl!

@RaulMarin_Figma 3 месяца назад

Muchas gracias!

@SmartdesignCore 3 месяца назад

Que maravilla de plugin 😍 Grasias Raúl!

@RaulMarin_Figma 3 месяца назад

Gracias a ti!

@l.ui.s.designer 3 месяца назад

Muy buena herramienta, la voy a explorar 🤗

@aitorrv3696 3 месяца назад

Madre mía qué maravilla!! Graciaaaaas!!!

@RaulMarin_Figma 3 месяца назад

Gracias a ti por ver el video ;)

@GERIMAGE6 3 месяца назад

que bueno herramienta! tengo que ver si me va esto bien o framer para pasar mi portfolio a web.

@Rudeuxxx 3 месяца назад

Gracias sensei! siempre a la vanguardia

@RaulMarin_Figma 3 месяца назад

Gracias a ti! ;)

@cartimandua4709 3 месяца назад

Excelente!!!

@marieobelleiro1319 3 месяца назад

muchísimas gracias querido!

@RaulMarin_Figma 3 месяца назад

Gracias Marie ;)

@giselarevalo 3 месяца назад

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

@Thaissa81 3 месяца назад

Creo que voy a cambiar mi web en framer aqui, ya que la tenía creada en principio en Figma. Gracias por compartir

@RaulMarin_Figma 3 месяца назад

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 ;)

@Thaissa81 3 месяца назад

@@RaulMarin_Figma un reto más ^^

@ludvingutierrez7939 3 месяца назад

Que buen programa que concozo

@ge7724 2 месяца назад

Estoy flipando Raaaaaaaaúl 🤌🏽

@RaulMarin_Figma 2 месяца назад

Jaja, esta muy guay... en este video lo uso también. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Q-EaArAknoo.htmlfeature=shared

@raulayala6607 3 месяца назад

wowwww

@leonorgonzalez6968 Месяц назад

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😅

@RaulMarin_Figma Месяц назад

Sí, si que puedes... Redireccionas a la url de esta herramienta y listo ;)

@Shahraman 3 месяца назад

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.

@RaulMarin_Figma 3 месяца назад

Ahora hay muchas cosas dentro de Figma Locofy, Anima app...

@Shahraman 3 месяца назад

¡Gracias! @@RaulMarin_Figma

@rafastesia 3 месяца назад

¡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.

@RaulMarin_Figma 3 месяца назад

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.

@marchanjhon4282 Месяц назад

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

@RaulMarin_Figma Месяц назад

Hola, en este sale un poquito también... pero revisa todo bien en tu diseño y usa solo auto layout ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Q-EaArAknoo.html&ab_channel=Ra%C3%BAlMar%C3%ADn-Figmatraining

@marchanjhon4282 Месяц назад

@@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

@cesarmartin4895 2 месяца назад

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

@RaulMarin_Figma 2 месяца назад

Hola César, pues que yo sepa no admite esa función de fixed aún :(

@victoriacarmona8473 2 месяца назад

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?

@RaulMarin_Figma Месяц назад

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.

@lettosticker7241 15 дней назад

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

@RaulMarin_Figma 12 дней назад

Hola, efectivamente esa opción de menu fixed no es posible hacerla con este plugin

@andresochoa3040 3 месяца назад

Una pregunta para hacerlo con breakpoints utilizaste el plugin o alguna funcionalidad nativa de Figma?

@RaulMarin_Figma 3 месяца назад

Hola Andrés, lo hice con flex-wrap de auro layout nativo. Pero admite brekpoints separados. Este finde hago video ;)

@andresochoa3040 3 месяца назад

Genial esperamos el próximo video!

@alextijero 3 месяца назад

Me has dejado con el culo torcido Raúl 👏👏

@RaulMarin_Figma 3 месяца назад

Jaja! A darle caña Alex ;)

@felipeortega7429 Месяц назад

Si tengo mi dominio en hostinger puedo ponerlo en el plugin, pagando?

@RaulMarin_Figma Месяц назад

La opción de pago creo que si lo admite... La otra es que lo redirecciones desde tu hosting y no pagues.

@ester_rebs 3 дня назад

@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...

@RaulMarin_Figma 2 дня назад

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...

@feniXgraphicDesign 3 месяца назад

Framer me parece mucho mas manejable, claro esta bueno ese pluging pero le falta camino aun

@RaulMarin_Figma 3 месяца назад

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 🤗