Skip to main content
Participant
September 15, 2022
Answered

How Do I import my website in Adobe XD

  • September 15, 2022
  • 3 replies
  • 7965 views

I just purchased Adobe XD purely for this purpose.

We are currently working on a site Bossmodapk makeover and it is currently hosted and live.

I expected I could import it into XD to more easily provide and communicate feedback/comments to my web developers.

If I cannot do this, I am going to cancel this purchase and request a refund.

Any instruction I find says to save to PDF, then open that via Adobe Illustrator, and copy and paste into XD. There is no Adobe Illustrator option for me.

Can someone please help?

    Correct answer thomhallgren

    Right-Click "Copy SVG code" from XD and paste into Figma. Done.

    3 replies

    Participant
    December 20, 2024

    Did you find any way to covert xd file to live website? Bcz i have made a new design for my website.

    creative explorer
    Community Expert
    Community Expert
    January 6, 2025

    @hamza_4902 You can share the 'Prototype' link to a web developer to code the site for you. Yes, there are plug-ins, such as 'Anima' that can take your XD file and convert in into a HTML, CSS and JavaScript, but, you still need to tweak it and find a hosting company to host it. I use Hostinger because I was tired of Hostgator services and increase prices of 1000% for the plans. The plans at Hostinger are relatively affordable per month. It was like $1.99 a month. Thankful my student shared me his link, a plan discount -84% ! 

    m
    thomhallgrenCorrect answer
    Inspiring
    September 16, 2022

    Right-Click "Copy SVG code" from XD and paste into Figma. Done.

    @thomashallgren
    HARSHIKA_VERMA
    Community Manager
    Community Manager
    September 16, 2022

    Hi there,

     

    Welcome to the XD Community.

     

    Thank you for reaching out. We would like to inform you that you can use the plugin "Web Export," which allows you to extract HTML and CSS from your design.

     

    You can also use Adobe XD plug-ins that allow for extracting HTML and CSS. Select Plugins > Discover Plugins and search using the webHTML, and CSS keywords.

     

    Sharing a video from one of our Youtube experts on this topic.

     

     

    Hope it helps.

     

    Thanks,

    Harshika