Skip to main content
Polycontrast
Inspiring
October 16, 2016
Answered

Xd and WordPress

After watching the tutorials, my impression is that the Xd workflows work are meant for static html/css/js projects. 

How would the Xd app UX/UI designs transfer to a bare-bone  WordPress theme?

This topic is closed to new replies. Start a new post to keep the conversation going.
elainecc
elaineccCorrect answer
Participating Frequently
October 18, 2016

Hi Polycontrast-

That's a great question! We're focused on the design iteration process, with the expectation that you would hand off to a developer for implementation, as there are a number of decisions that are generally made during implementation side for specific interactions and functionality. However, one thing you can do right now is export images for production. If you select File > Export, you'll see a number of options at the bottom that will export both high-res and low-res versions of your assets (or SVG) for usage on desktop and mobile implementations of your website.

Hope that helps!

-Elaine

View reply

5 replies

Alfonso-Garcia
Alfonso-Garcia
Participating Frequently
September 8, 2023

Hey @Polycontrast,

 

For your future projects, the easiest to convert your Adobe XD website design into a WordPress site is to use our plugin.

 

We have plenty of videos in our Youtube channel showing the process, for instance:

 

Have a look at our channel for other interesting videos on how to Refactor a UI or even Cloning a Website without coding.

 

For any questions, write us at hello@yotako.io or contact me directly at alfonso@yotako.io.

You can also ask any Design/WordPress related questions anytime on our forums at https://community.yotako.io.

 

Best,

Alfonso

Translate
Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
November 2, 2017

XD is a design tool, not a coding tool. It's possible it could generate some code to help with parts... but design tools never do a good job at coding an entire HTML/CSS page, let alone a WordPress theme.

Translate
Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    amityweb
    Participant
    November 16, 2017

    A machine building HTML/CSS? Ouch. Reminds me of the dreamweaver days when the code was terrible and you had to go in and change it all anyway.

    Translate
      elainecc
      elaineccCorrect answer
      Participating Frequently
      October 18, 2016

      Hi Polycontrast-

      That's a great question! We're focused on the design iteration process, with the expectation that you would hand off to a developer for implementation, as there are a number of decisions that are generally made during implementation side for specific interactions and functionality. However, one thing you can do right now is export images for production. If you select File > Export, you'll see a number of options at the bottom that will export both high-res and low-res versions of your assets (or SVG) for usage on desktop and mobile implementations of your website.

      Hope that helps!

      -Elaine

      Translate
      terywilson
      terywilson
      Known Participant
      November 1, 2017

      Has anything changed as far as a possible Wordpress integration with Adobe XD?

      Is this even thought about? I'm a web developer that builds Wordpress sites for my clients and I would love to see this integrated with Wordpress responsive themes. This would change the game in my opinion. Just a thought.

      Translate
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices