Import HTML to XD

Community Beginner ,
Mar 16, 2021 Mar 16, 2021

Copy link to clipboard

Copied

My team has a working HTML framework that was originally designed in Sketch but we're exploring switching to XD. The Sketch files don't quite match what has been developed and rather than importing the Sketch library and tweaking, is there a way to IMPORT the coded HTML INTO XD??? There is an "HTML to Sketch" tool, is there anything similar for XD? I haven't done an exhaustive search or test yet but wanted ask the community first.

TOPICS
How to , Import and export , Missing feature , Share or publish

Views

4.4K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Mar 24, 2021 Mar 24, 2021
Hi there, Sorry for the delay in response. I am afraid, as of now, we don't have this feature available, however, we have received a similar request on the Adobe XD UserVoice: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13245423-import-html-from-url-as-editable-static-content Please upvote the request to add voice to the feature. This is the best way of sharing feedback with the Engineering and Product management team. Regards Rishabh

Likes

Translate

Translate
Adobe Employee ,
Mar 24, 2021 Mar 24, 2021

Copy link to clipboard

Copied

Hi there,

 

Sorry for the delay in response. I am afraid, as of now, we don't have this feature available, however, we have received a similar request on the Adobe XD UserVoice: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/13245423-import-ht...

 

Please upvote the request to add voice to the feature. This is the best way of sharing feedback with the Engineering and Product management team.

 

Regards

Rishabh

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 19, 2022 May 19, 2022

Copy link to clipboard

Copied

LATEST

For anyone else looking at how to do this ... namely, importing a webpage into XD ... I've found what works is this. You can first import the page into a free app called Figma. There is a plug-in for Figma called "Figma to HTML" and it's available here. You can also get an extension for Google Chrome (and Brave) to grab the page content.

 

The there's another plug-in for Figma which allows you to export Figma layouts to XD. You can get that here. It's called Convertify.

This is not exactly what the original poster asked how to do. However, you can export the HTML page from Sketch (in his case), and then import it into Figma. Then you can export it from Figma to XD. It sounds like a lot of steps, but I've found it only takes a few clicks.

 

I've found the whole process works very well.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines