Skip to main content
F
fahadz92447704
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

    H
    hamza_4902
    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
    creative explorerCommunity 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
    T
    thomhallgrenCorrect answer
    Inspiring
    September 16, 2022

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

    @thomashallgren
      HARSHIKA_VERMA
      Community Manager
      HARSHIKA_VERMACommunity 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 web, HTML, and CSS keywords.

       

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

       

       

      Hope it helps.

       

      Thanks,

      Harshika

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