Me caerá de lujo! Justo tenía que rehacer en figma unas páginas para un cliente (que trabajamos en mi empresa) pero esto me ahorrará el rehacer todas las páginas desde cero para luego editarlas y añadir la información que nos solicitan!
Gracias Victor! Eso que preguntas es posible con el DEV MODE de Figma o el plugin "Anima - Figma to Code". Es una buena sugerencia para hacer un video en breve 😉
Excelente y existe la forma de copiar tambien la funcionalidad o sea el codigo y la programación para reemplazarlo con nuestro contenido? Muchas gracias
Este plugin no hace esto, sólo hace la copia del diseño para que luego mejores el diseño en Figma, tal y como se puede ver en el vídeo, no conecta tu diseño con ningún servidor para publicar tu proyecto o exportarlo. Para ello debes utilizar otros plugins como Locofy.ai por ejemplo
Hola! Nunca se me ha presentado ese caso así que no puedo asegurarlo al 100%... Pero te comento: el plugin escanea el código HTML, CSS, etc... para identificar los elementos de la interfaz de usuario, como botones, texto, imágenes, etc. y luego crea un diseño en Figma para cada elemento de la interfaz de usuario identificado. Una vez que el plugin ha creado el diseño, puedes editarlo y personalizarlo según sea necesario ya que crea un diseño independiente del código original y se almacena en tu "cuenta" de Figma. Si puedo probar ese caso que comentas, te informo si se produce algún fallo o se pierde algo de la copia.
Te consulto, por que yo quiero clonar una web pero hay que ingresar con usuario y contrasea, ingreso con mi clave pero figma no lo toma a esa parte. Como aria? Es una seccion de un catalogo. Muchas gracias,
Hola! Según tu pregunta creo que lo que puede pasar es que la web en cuestión tenga un script de seguridad que no permita hacer ni utilizar este tipo de plugins..
Hola pregunta, tengo una página hecha con HTML, Css y Js. Es posible poner el enlace de mi web y montarlo también así como está aquí? O tiene otro procedimiento? Es que quisiera hacer un resideño sin tener que manipular mis archivos originales de manera práctica
Hola! Si tu web tiene una URL si. Este plugin únicamente lo que hace es lo mismo que cuando estamos en un navegador cualquiera, clicamos botón derecho para inspeccionar y vemos ahí el HTML, clases CSS, iconos, etc.. sólo que lo procesa de tal manera que puedes ver en Figma esa copia. Si por ejemplo has utilizado flexbox en CSS, eso se traduce a Auto layout en Figma.
Básicamente este plugin lo que hace, es lo mismo cuando en un navegador inspeccionas una web y tienes ahí el código html, las clases CSS, etc.. Sólo que automatizado y lo ejecuta en pocos segundos para pasarlo al formato de Figma. Por ejemplo, convierte el flexbox de CSS a Auto-layout.
@@12zayco Es solo el diseño amigo, aunque se pueda exportar un html o un css de figma (supongo que si). No sería mas que una pagina estatica y local en tal caso. Una verdadera aplicacion es muchisimo mas que el diseño. Aunque siempre puedes tratar de implementar con algo como wordpress. Igual te tocaría estudiar un poquito, pero no tanto.
Hola, necesito ayuda por favor tengo dificultades en la vista de celular, se ve con mucho zoom, y no se como hacer para que se vea normal (como entras a cualquier pagina) . Cualquier persona que pueda ayudarme por favor
@@mokkapp Hola, tengo una página web por figma, al terminarla, la importe para vista de celular y computadora, pero al entrar en celular si se ve la página normal pero se ajusto un zoom que no se ve muy bien y bueno digamos que no es muy atractivo para el público, por eso no se que hacer para que se vea normal en vista celular, puedo enviarte fotos del problema para que me entiendas mejor Espero puedas ayudarme por favor
Hola! Una vez capturada la web puedes ver todos los elementos que la contiene en la barra de la izquierda, al clicar sobre cada elemento lo puedes editar
Lo mismo, está plugin sólo te copia la estructura en tu archivo de Figma. No se conecta con Github ni otro sistema de repositorios. Para ello debes usar el plugin de Locofy. Aunque tienes otros similares en la comimunidad de Figma
✅ Descubre también cómo puedes crear una Landing en Figma con Inteligencia Artificial ruclips.net/video/j6g5Oodjbtw/видео.html
Me caerá de lujo! Justo tenía que rehacer en figma unas páginas para un cliente (que trabajamos en mi empresa) pero esto me ahorrará el rehacer todas las páginas desde cero para luego editarlas y añadir la información que nos solicitan!
Qué maravilla!! Cuanto me alegro que pueda servirte de ayuda para ganar tiempo! 💪🏼
Espectacular
Con la última funcionalidades de Figma
Muy buena esta información, me ha ayudado mucho. Gracias por compartir.
Gracias a ti por comentar! 😁
SImplemente gracias!!!
Gracias a ti por el comentario! 😊
Muchas gracias 🙌 saludos desde 🇪🇨 Ecuador
A ti! saludos desde España!
🚀⚡ Descubre también cómo pasar de Figma a Código: ruclips.net/video/xgUPMP7bY30/видео.htmlsi=O3Y_bSvAE0RL4h3O
Definitivamente eeres un ckrack.
Woooow
Muchas gracias por tu valoración! Cuanto me alegro que pueda servirte de ayuda mi contenido. Saludos 👋
Eres un genio bro mil gracias
Gracias a ti! 👍
Excelente información. Me gustaría saber como exportar un diseño de Figma a Html+ CSS. Gracias
Gracias Victor! Eso que preguntas es posible con el DEV MODE de Figma o el plugin "Anima - Figma to Code". Es una buena sugerencia para hacer un video en breve 😉
Hola! mira este video a ver si te sirve este plugin de Figma: ruclips.net/video/xgUPMP7bY30/видео.htmlsi=O3Y_bSvAE0RL4h3O
Excelente y existe la forma de copiar tambien la funcionalidad o sea el codigo y la programación para reemplazarlo con nuestro contenido? Muchas gracias
Hola! No, eso no es posible. Este plugin lo que hace es capturar sólo la parte visual y transformarla a diseño en Figma.
increible pro gracias.
A ti! 👍
Muchas gracias
A ti! 🙂
y luego como lo publicas o exportas el proyecto???
Este plugin no hace esto, sólo hace la copia del diseño para que luego mejores el diseño en Figma, tal y como se puede ver en el vídeo, no conecta tu diseño con ningún servidor para publicar tu proyecto o exportarlo. Para ello debes utilizar otros plugins como Locofy.ai por ejemplo
Genial !! Muchas Gracias !!
Gracias a ti! Un saludo Sebastian
Disculpa mi ignorancia la pagina wed que , ya allas copiado. Una ves la pagina original ya no este funcionando mi copia seguiria funcionando?🤔🤔
Hola! Nunca se me ha presentado ese caso así que no puedo asegurarlo al 100%... Pero te comento: el plugin escanea el código HTML, CSS, etc... para identificar los elementos de la interfaz de usuario, como botones, texto, imágenes, etc. y luego crea un diseño en Figma para cada elemento de la interfaz de usuario identificado. Una vez que el plugin ha creado el diseño, puedes editarlo y personalizarlo según sea necesario ya que crea un diseño independiente del código original y se almacena en tu "cuenta" de Figma. Si puedo probar ese caso que comentas, te informo si se produce algún fallo o se pierde algo de la copia.
EXCELENTE VIDEO I SUBSCRIBE THANKS👍GREETINGS FROM
🇨🇭SWITZERLAND🇨🇭
I love that country!! Greetings fron Spain! 👋
Te consulto, por que yo quiero clonar una web pero hay que ingresar con usuario y contrasea, ingreso con mi clave pero figma no lo toma a esa parte. Como aria? Es una seccion de un catalogo. Muchas gracias,
Hola! Según tu pregunta creo que lo que puede pasar es que la web en cuestión tenga un script de seguridad que no permita hacer ni utilizar este tipo de plugins..
Hola pregunta, tengo una página hecha con HTML, Css y Js. Es posible poner el enlace de mi web y montarlo también así como está aquí? O tiene otro procedimiento? Es que quisiera hacer un resideño sin tener que manipular mis archivos originales de manera práctica
Hola! Si tu web tiene una URL si. Este plugin únicamente lo que hace es lo mismo que cuando estamos en un navegador cualquiera, clicamos botón derecho para inspeccionar y vemos ahí el HTML, clases CSS, iconos, etc.. sólo que lo procesa de tal manera que puedes ver en Figma esa copia. Si por ejemplo has utilizado flexbox en CSS, eso se traduce a Auto layout en Figma.
Una pregunta? Yo tengo una página web que quiero clonar, por los artículos que tienen ellos , los tengo yo , y quiero vender,
Se podrá clonar y después poner otro nombre de web
Básicamente este plugin lo que hace, es lo mismo cuando en un navegador inspeccionas una web y tienes ahí el código html, las clases CSS, etc.. Sólo que automatizado y lo ejecuta en pocos segundos para pasarlo al formato de Figma. Por ejemplo, convierte el flexbox de CSS a Auto-layout.
@@12zayco Es solo el diseño amigo, aunque se pueda exportar un html o un css de figma (supongo que si). No sería mas que una pagina estatica y local en tal caso. Una verdadera aplicacion es muchisimo mas que el diseño. Aunque siempre puedes tratar de implementar con algo como wordpress. Igual te tocaría estudiar un poquito, pero no tanto.
Hola, necesito ayuda por favor
tengo dificultades en la vista de celular, se ve con mucho zoom, y no se como hacer para que se vea normal (como entras a cualquier pagina) . Cualquier persona que pueda ayudarme por favor
Hola, Necesitaría saber qué es exactamente lo que tratas de hacer para entender cual es el problema que tienes. Ya me dices
@@mokkapp Hola, tengo una página web por figma, al terminarla, la importe para vista de celular y computadora, pero al entrar en celular si se ve la página normal pero se ajusto un zoom que no se ve muy bien y bueno digamos que no es muy atractivo para el público, por eso no se que hacer para que se vea normal en vista celular, puedo enviarte fotos del problema para que me entiendas mejor
Espero puedas ayudarme por favor
buena tarde, como hago para editar cada de una de las paginas que contiene esta web?
Hola! Una vez capturada la web puedes ver todos los elementos que la contiene en la barra de la izquierda, al clicar sobre cada elemento lo puedes editar
@@mokkapp Gracias ♥♥♥♥♥♥
y luego como descargo la plantilla para tenerla de forma local?????
Lo mismo, está plugin sólo te copia la estructura en tu archivo de Figma. No se conecta con Github ni otro sistema de repositorios. Para ello debes usar el plugin de Locofy. Aunque tienes otros similares en la comimunidad de Figma