Highlighted

iPhone presets created in Illustrator do not retain size in XD

New Here ,
Feb 12, 2020

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Kenneth Kawamoto | Adobe Community Professional

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

TOPICS
Design, How to, Import and export, Open and save docs, Preview, Share or publish

Views

357

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

iPhone presets created in Illustrator do not retain size in XD

New Here ,
Feb 12, 2020

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Kenneth Kawamoto | Adobe Community Professional

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

TOPICS
Design, How to, Import and export, Open and save docs, Preview, Share or publish

Views

358

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 12, 2020 0
Adobe Community Professional ,
Feb 13, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2020 1
New Here ,
Feb 13, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2020 0
Adobe Community Professional ,
Feb 13, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2020 1
New Here ,
Feb 13, 2020

Copy link to clipboard

Copied

Oki! many thanks. I'm new in XD, and I see that tere is some bridges to improve between illustrator and XD that would be very useful and time saving or illustrator users. 🙂

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2020 0