Import HTML (from URL) as editable static content in XD
I would like to import HTML or SWF files as content in XD.
Best Kenneth
Anonymous
shared this idea
Kenneth, would you mind breaking out SWF import as a separate feature request? That way people can gauge whether people want both or which one is higher priority. I’ll remove SWF from the title here so it’s focused specifically on HTML import.
34 comments
-
Corri Loschuk commented
I do it all the time! There is an application called "page layers" it allows you to turn a web page into a .psd file.
Using the software you can "Save as" and preserve text "Generate text layers" then you get a .psd you can open that in XD. It works 90% of the time! Preserves groups and text, works best if the web developer coded it properly.
The only hitch is inline links get turned into multiple text boxes and they stack on top of each other. Only takes a few min to fix.
-
Francesco Stefanini
commented
Yes, it will be really helpful have a tool can convert an HTML to AdobeXD elements.
-
Malin Grön
commented
More and more I find myself in the position where I need to do design reviews of whole sites and apps as well as suggest redesigns. Being able to do this in my preferred prototyping tool would help greatly.
(also, app to XD?) -
Umair
commented
so when is Adobe going to listen to all these creators? I hope they bring importing HTML and CSS codes features soon.
-
Alexander Vassbotn Røyne-Helgesen commented
Who ever merged my feature into this, I need to talk to that person, since it is not the same..
I want a feature to be able to scrape the stuff from static html into XD, without the need of doing it VIA desktop environment containing XD. I want a file that can be generated from static content, and then imported into XD, not a "Import from html" function inside XD.
For example, for reach release, a job is run in the cloud (for example Azure Pipelines), creates a valid XD file that can be used as a design system file in XD
-
Fredrik Matheson
commented
What's in prod is usually the real source of truth, it would be good to sync this back into XD, and not have to adjust files manually.
-
I've worked with the customers design system for over 4 years, and we've used Sketch before. With the API sketch provides, we could generate sketchfiles from html/css from our design system into Sketch, providing with a complete, version controlled source of truth.
Could this be possible with XD? say we have a static page with all the button variations and states, and I want to generate new XD files every time I release, making sure all of our designers always have the latest, updated verison, with option to look to older versions.
-
Casey
commented
A solution for "in the mean time" could possibly be:
• Convert the HTML to SVG
• Bring that SVG into XD
-
I have software named "Page Layers" for mac that enables us to save a layered .PSD of a webpage which we can import into XD. Real time saver, curious if there is something that skips this step.
-
Navin commented
I understand that Abode XD is used as prototyping tool . But almost ,60% work frontend can be utilized in it. So I felt abode XD should export html files and also should import html into .XD file for backward compatibility . Just felt it be interesting.
-
Joachim Tillessen
commented
I'm wondering whether this should be a browser plug-in rather than a feature of the XD desktop app.
As a browser plugin:I could print out any application that is not publicly available (logins, localhost, internally hosted apps...)
I could replicate any state of the webapp that does not have a specific URL (single page apps, error states, one particular step in my checkout process, ...) -
Joachim Tillessen
commented
While I see tons of benefit in having a workflow to export style changes back and forth. It's important not to dilute the scope of this feature. Technically the web is a super diverse and while one fraction sees benefits in a dremweaver integration others are hoping to maintain their react or vue components and yet another fraction wants bootstrap... Exporting code is widely discussed in other feature requests.
I hope everybody here can agree that the ability to export a HTML document to XD alone is valuable enough to support this feature.
-
Babar Iqbal
commented
That would be really helpful. Just importing a page from live html site. I would love to see that in action.
-
Jethro Higgins
commented
I would love to pull an HTML page into Adobe XD with just the URL . Doesn't need to crawl the whole site I just need to upload a couple of pages that are examples of particular templates.
-
Mike Schwartz
commented
A plugin to import HTML web pages to layers in XD
-
Daniel Iancu
commented
Just drag and drop pre made components and show the props in the properties panel.
-
Anonymous
commented
The easiest way is... convert your HTML to SVG and then simply drag and drop into XD.
Waheed
-
Clint
commented
YES! This is a much needed feature. Designs change when coded out. This would allow rapid iterations on an existing web page layout. I used to have an app that would convert web pages into PSDs and it saved me a lot of time when working on redesigns.
-
Ann Miles
commented
The ability to import HTML, CSS, JS from Sketch exported designs would be invaluable for PC users!
-
vlad
commented
will be nice!