Skip to main content
C
Callie5FEE
Participant
April 20, 2021
Question

I'm trying to create a interactive scrollable phone mockup

  • April 20, 2021
  • 1 reply
  • 274 views

I'm presenting some web concept desings to someone and I want them to be able to scroll through my design as if it were in a mobile phone. When someone clicks a link, they’ll be brought to an interactive version of my design in their browser on desktop or mobile. It will be able to show them exactly what the webpage would look like through a phone.This is a feature within the free application Invision, but I'm not allowed to use invision. Does anyone know how to do this within XD?

    This topic has been closed for replies.

    1 reply

    Spas K.
    Community Expert
    Spas K.Community Expert
    Community Expert
    April 20, 2021

    This is what prototypes in Xd are.
    Assuming you already have the designs within Xd, and you have wired the interactions between them through the "Prototype" tab, you can then go into the "Share" tab and generate a link for your prototype.

     

    When opening that link, you see the prototype, scrollable and with all interactions (clicks, transitions, overlays & so on), as they would work on the real website or app.

     

    Depending on who you share the link with, you can set different viewing options. You can have multiple links for different user flows, if your app needs that. You can also generate development links, where developers can see the specs, colors, assets and download them as svg.

     

    Note that you would generate different prototypes / links for the desktop and mobile designs. You cannot switch between devices through Xd's prototypes currently.

     

    You can find more information here:
    https://www.adobe.com/products/xd/learn/prototype.html

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