Request details

← Adobe XD: Feature Requests

Support for SF Symbols

As Apple will encourage to use SF Symbols from iOS 13 and later, it could be great to add the support inside Adobe XD so iOS designers can also use this software once Apple make their UI Kit available for XD.

40 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Kevin Vavelin shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

9 comments

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Anonymous commented  ·   ·  Flag as inappropriate

    Interesting issue: SF symbols now seem to be supported in Adobe XD for macOS (copy-paste symbols from SF Symbols.app), however the iOS Adobe XD app shows question marks everywhere instead of the symbols!

  • Lexline J. commented  ·   ·  Flag as inappropriate

    Yeah, all my symbols show up as question marks, and the only work around as of now is to convert the icons to paths or export the screens as static designs for previewing.

  • Yasser Al Kindi commented  ·   ·  Flag as inappropriate

    Select the missing item by double clicking it, then Control/Command 8 turns it into a payh - that resolved my problem.

  • Anonymous commented  ·   ·  Flag as inappropriate

    I have used SF symbols on my mac with AdobeXD ... when I preview it on my ipad XD app, they became just undefined ( question marks) ... how can I make them appears properly on the ipad ?

  • Nhorf commented  ·   ·  Flag as inappropriate

    This is very important. Right now I am forced to convert all symbols to paths which is a major drag.

  • Heytung commented  ·   ·  Flag as inappropriate

    Dragging and dropping a symbol from the SF Symbols app to Adobe XD doesn't work like it does in Sketch.

    For Adobe XD users, try one of the following methods.

    Method 1
    ------------
    1. In Adobe XD, insert some random text using a San Francisco font.
    2. Switch to the SF Symbols app, select a symbol by clicking it and then copy the symbol (Command-C).
    3. Switch back to Adobe XD, select and highlight the text you previously created and then paste the symbol (Command-V).

    Method 2
    -------------
    1. In the SF Symbols app, select a symbol by clicking it and then copy the symbol (Command-C).
    2. Switch to Adobe XD and paste the symbol (Command-V).
    3. Change the symbol text from Area Text to Point Text.
    4. Change the font from Helvetica Neue to a San Francisco font.

    With both methods, you can now change the size and weight of the symbol text. While you're at it, don't forget to center-align the symbol text.

Adobe XD: Feature Requests: 08 : Mobile (iOS)

Categories

Feedback and Knowledge Base

(thinking…)