0

First of all, I'm really not sure if Adobe Xd related questions can be asked over here. I could not get a single response to this question on Adobe Xd help forum, so thought of coming to the best resource I know.

I'm using Adobe XD 35.3.12.2 version on a Windows 10 PC.

I recently installed iOS UI Kits from the official Apple Designer resources. Link: https://developer.apple.com/design/resources/

When I open the .xd files from the package in Adobe Xd, the icons for Back, Information, Tab etc. are not visible and simple rectangles are displayed in their place. Please see attached images. Back Button Icon not visible

enter image description here

I tried going into object properties, but could not find much help there. This happens on iOS 13 & iOS 14 Beta both versions, and on two different computers. I'm very new to Adobe Xd, so I might be missing something here. Is there a procedure to load the actual icons here?

zeuschyant8
  • 453
  • 7
  • 14

1 Answers1

0

The problem is that the icons are actually text objects which specifically need to be set with Apple's proprietary font San Francisco (SF).

The Xd project works fine when run on a Mac, because the SF fonts are already installed there.

On Windows, these need to be specifically installed. I got those from - https://github.com/blaisck/sfwin

And then in the Xd project, font of all those objects need to be explicitly changed to one from the SF font family.

zeuschyant8
  • 453
  • 7
  • 14