Skip to main content
Participant
January 14, 2022
Question

How to create multiple flows in XD website for phone and tablet size plus a desktop web browser?

  • January 14, 2022
  • 2 replies
  • 650 views

Hello,

 

Brand new to XD and am wondering if I need to build a different XD website for each phone type and tablet size plus a desktop web browser? Seems like a lot. If the answer is yes, how many site size versions do I need for a small portfolio site? 

 

Thanks so much in advance for any help answering this question.

 

{Renamed By MOD}

    This topic has been closed for replies.

    2 replies

    AkinGn
    Community Expert
    Community Expert
    January 15, 2022

    Hi @alexs6298960, I think considering web resolution (bigger than 1200px wide etc) and a mobile/phone (less than 768px width) is enough for the beginning. It's based on arranging a horizontal UI in a vertical way, when it comes to mobile, let's say you have 3 columns side by side, in mobile resolution those columns are going to be placed o top of each other, think it that way, and those numbers (1200 px and 767 etc) are based on Bootsrap's break points, you can see the whole list here: https://getbootstrap.com/docs/5.0/layout/breakpoints/#available-breakpoints which is a quite common standard, of course it can vary based on the design itself but it's about usually those numbers. Oh and this tutorial looks very useful: https://www.youtube.com/watch?v=Nxi2kBF7uiQ Hope this helps.

    Participant
    January 23, 2022

    Thanks! This was also very helpful!

     

    Ares Hovhannesyan
    Community Expert
    Community Expert
    January 15, 2022

    Yua can use 3 different size artboards in your project and share for preview. 

    Also see August 2020 release of Adobe XD: Introducing Multiple Flows

    Participant
    January 23, 2022

    Thanks! I will check this out.