Mobile app version of vmapp.org
Login or Join
RJPawlick971

: Importing existing web page into sketch I'm fairly new to Sketch, and beside it being a wonderful tool to design websites from the ground-up in my current job I am often required to modify

@RJPawlick971

Posted in: #SketchApp #WebsiteDesign

I'm fairly new to Sketch, and beside it being a wonderful tool to design websites from the ground-up in my current job I am often required to modify or add elements to already exisiting websites.

As the client usually wants to see what he will get before it gets published, I've thought that, well, sketching new elements in Sketch might be a good idea.

Now, to my question - as you might guess, recreating the page from the ground up in Sketch is fairly counterproductive, when I need to design only a small portion of the page or a subpage for example. Is there any simple way to import existing page into sketch?

I guess it could be done by taking screenshots and pasting them over artboard, but maybe there is a better method?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @RJPawlick971

1 Comments

Sorted by latest first Latest Oldest Best

 

@Odierno310

The logic is that you want to convert the webpage to vector. Saving as PDF is not a good solution in most cases. Probably there is still not a perfect converter out there, but you can try with this simple HTML to SVG converter. Only thing you have to do is to paste the URL, specify the width of the browser (good for responsive websites) and press "Convert to SVG". SVG graphics present on the website remain as vectors. You can than import the exported SVG to Sketch and clean it up. Depends lot of the website you're trying to import. Cookies, animations, js popups etc. can be an issue. Pretty good for a free demo solution.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme