HTML a Figma: importa cualquier web como capas editables

Instala el plugin gratis Codia AI Web2Figma desde Figma Community y ejecútalo en cualquier archivo de Figma. Pega la URL de la página, elige una vista (escritorio, tablet o móvil) y un tema claro u oscuro, e importa. La página aparece en tu lienzo como capas editables de Figma. Si la página requiere iniciar sesión, captúrala antes con la extensión de Chrome.

Sí, puedes empezar gratis. El plan gratuito incluye 10 créditos de transformación cada mes, sin tarjeta de crédito. Pro añade importaciones ilimitadas, procesamiento de imágenes en mayor resolución e importación de varias URL o archivos de Codia a la vez.

Sí. Los plugins de Figma funcionan en el plan gratuito de Figma, así que no necesitas un puesto de pago. Eso sí, necesitas la app de escritorio de Figma o Figma en un navegador de ordenador: los plugins no se ejecutan en las apps móviles de Figma.

Sí. Instala la extensión de Chrome de Codia AI Web2Figma, abre la página en Chrome con tu sesión iniciada y captúrala: la extensión la guarda como un archivo .codia. Después sube o pega ese archivo en el área de importación de la extensión de Chrome del plugin. Sirve para paneles, áreas de administración, entornos de staging y otras páginas a las que no llega la importación por URL.

Sí. Elige escritorio, tablet o móvil antes de importar para capturar la página con ese ancho, y selecciona tema claro u oscuro en los sitios que admiten ambos. Importa varias vistas para tener un conjunto de marcos responsive en un mismo archivo.

El texto llega como capas de texto editables, las imágenes como rellenos de imagen y las secciones, fondos, bordes y degradados como marcos y formas que siguen el diseño de la página. Codia captura la página tal como se ve en el momento de importar, por lo que las animaciones, los scripts y las interacciones no se trasladan.

Sí. En vez de pegar una URL, sube un archivo .html o .htm, o un .zip de un sitio exportado con su CSS e imágenes, en el área de importación de la extensión de Chrome del plugin. Si el ZIP contiene varias páginas, eliges cuál importar. Es útil para builds locales, exportaciones HTML y páginas que aún no están publicadas.