Importación de una página web existente en un boceto

Soy bastante nuevo en Sketch, y además de ser una herramienta maravillosa para diseñar sitios web desde cero en mi trabajo actual, a menudo debo modificar o agregar elementos a sitios web ya existentes.

Como el cliente generalmente quiere ver lo que obtendrá antes de que se publique, pensé que, bueno, dibujar nuevos elementos en Sketch podría ser una buena idea.

Ahora, a mi pregunta, como puede suponer, recrear la página desde cero en Sketch es bastante contraproducente, cuando necesito diseñar solo una pequeña parte de la página o una subpágina, por ejemplo. ¿Hay alguna forma sencilla de importar una página existente en un boceto?

Supongo que podría hacerse tomando capturas de pantalla y pegándolas en la mesa de trabajo, pero tal vez haya un método mejor.

Lo único que me viene a la mente es exportar el sitio a pdf y luego importarlo a un boceto ... aunque no estoy seguro de cuán factible es. Con Photoshop podrías usar PageLayers .

Respuestas (1)

La lógica es que desea convertir la página web en vector. Guardar como PDF no es una buena solución en la mayoría de los casos. Probablemente todavía no exista un conversor perfecto, pero puedes probar con este sencillo conversor de HTML a SVG . Lo único que tiene que hacer es pegar la URL, especificar el ancho del navegador (bueno para sitios web receptivos) y presionar "Convertir a SVG". Los gráficos SVG presentes en el sitio web permanecen como vectores. Puede importar el SVG exportado a Sketch y limpiarlo. Depende mucho del sitio web que esté intentando importar. Las cookies, animaciones, ventanas emergentes js, etc. pueden ser un problema. Bastante bueno para una solución de demostración gratuita.

Sitio web de SketchApp a SVG importado en Sketch 2

Huh, se ve interesante, lo probaré, ¡gracias!