Skip to main content
knkk
Known Participant
Aug 23, 2020 10:36 AM UTC
Question

Screen appearing differently in XD (the software) and in the XD iOS app preview

A screen that I have created appears differently on XD (the software to create the screen) and on its preview in the XD iOS app.

 

Specifically, a line gets truncated in the app, as compared to the same text line on the screen designed in the XD software (using a Windows 10 desktop).

 

My phone is an iPhone 6S Plus, and the screen size I have chosen to design the screen in XD is the same.

 

It appears like a bug, prima facie. I will be grateful for any inputs on what might be going on. Thank you!

    This topic is closed to new replies. Start a new post to keep the conversation going.

    18 replies

    Spas K.
    Community Expert
    Spas K.Community Expert
    Community Expert
    Aug 23, 2020 4:21 PM UTC

    I remember having this problem as well. I don't remember very well, but it had something to do with whether the text layer is a "Point Text" or "Area Text". Not sure how long your text is, but try changing between them and see if that fixes it. 

     

    Translate
      knkkAuthor
      Known Participant
      Aug 24, 2020 4:26 AM UTC

      Thank you for the suggestion, Spas. I tried it, but I'm afraid that did not do it, either...

      Translate
      knkkAuthor
      Known Participant
      Aug 31, 2020 4:17 AM UTC

      Yeah, not sure I can be helpful on this one. I can see it's only happening on the elements using the SF Pro font. I assume that on MacOS and on iOS the SF font is being rendered differently, for some reason. Don't know if you can do anything about it other than trying a different font that is similar.

       

      I'm having font issues on my own on the Android app, which at this point are not fixable, and I've just been generating a prototype and viewing that through my phone's browser 🙂 So I feel your pain, but can't really help you out. The only thing that will work 100% is to convert the problematic text to paths. This way they will render 1:1, but it's not practical for many screens really.


      Thank you for the quick response and for generously spending your precious time on responding all through, Spas. I am quite grateful. I guess for now I'll have to learn to live with this, and try workarounds (or maybe experiment with other applications).

      Translate
      Ares Hovhannesyan
      Community Expert
      Ares HovhannesyanCommunity Expert
      Community Expert
      Aug 23, 2020 1:16 PM UTC

      There is difference of color profiles for MAC and Windows and others mobile devices. The solution will be to use the same color profile.

      Translate
      knkkAuthor
      Known Participant
      Aug 23, 2020 3:25 PM UTC
      Thank you, Ares. This was text that was having an issue, and not colour,
      however...
      Translate
      Rishabh_Tiwari
      Rishabh_Tiwari
      Legend
      Aug 24, 2020 4:11 PM UTC

      Hi there,

       

      Thanks for reaching out. If the issue is with the text, I'd recommend installing the used fonts on the phone as in some cases where fonts are not transferred, they are replaced by the system fonts. So please try installing the fonts and let us know if you need any further assistance.

       

      Regards

      Rishabh

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