Skip to main content
J
jijialien
Participant
February 13, 2020
Answered

iPhone presets created in Illustrator do not retain size in XD

  • February 13, 2020
  • 1 reply
  • 1218 views

Hi everybody, I have create all my screens in illustrator using the iphoneX presets but when I open it in adobe XD it's not the same size, it's much bigger than the Iphone X preset in XD. Somebody know why or a trick to make it correctly? Many Thanks 🙂 I'm on macos X

This topic has been closed for replies.
Correct answer Kenneth Kawamoto

You can create a Custom Size artboard in XD, or edit the size of an existing artboard (there isn't automated way).

1 reply

K
Community Expert
Kenneth KawamotoCommunity Expert
Community Expert
February 13, 2020

iPhoneX screen resolution is 1125 x 2436 (px) and the viewport size is 375 x 812 (px), ie it's a triple density screen.

Illustrator uses the resolution for the template size while XD uses viewport. You can either set the XD artboard to x3 size (if you do that you can generate @3x assets) or reduce the AI size to 1/3 to fit into the XD template, depending on your goal.

    J
    jijialienAuthor
    Participant
    February 13, 2020
    Ok many thanks 🙂 I understand why now
    but how can I change the size of the boards automatically in x3 in XD to
    fit with the ai templates?
    I think it's easier to change the designs in illustrator, but I have remark
    that some shapes are not recognized, like shapes on border, so I have make
    a complete shape or , when it's complex, I have export a transparent PNG

    thank you for your help 🙂

    JJ
    K
    Community Expert
    Kenneth KawamotoCommunity ExpertCorrect answer
    Community Expert
    February 13, 2020

    You can create a Custom Size artboard in XD, or edit the size of an existing artboard (there isn't automated way).

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