New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 10: Developer Handoff

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1356 ideas
  • 02 : Prototype mode 368 ideas
  • 03: Share mode 46 ideas
  • 04 : Sharing on the web 214 ideas
  • 05 : Asset exporting 154 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 117 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 138 ideas
  • 11: Plugins 134 ideas
  • Other 102 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,836 ideas

Show FontAwesome Icon/Glyph IDs in a Design Spec

There MUST a way for XD to show the unicode ID of a FontAwesome icon/glyph in the Styles panel of a Design Spec wireframe/mockup.

I've got a team of developers freaking-out on me because they are not able to tell what the FontAwesome icon ID is in an Adobe XD mockup. I'm using FontAwesome so I do not have to re-create hundreds of required icons, but when I show a particular developer a mockup of the web-app for him to code for, it becomes a nightmare for me and developer figuring out all the specifics of each individual icon. They can see in the Styles panel that it's FontAwesome, the size, color, weight, font (the particular font of the type-face), but nowhere is there an indication of the glyph/icon ID (the unicode #). I could add it in a "Note" but that becomes a tedious eyesore to use. It needs to appear in the Styles panel, PLEASE.

  •  
    Screen Shot 2019-01-15 at 3.52.17 PM.jpg 773 KB
21 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

MarkR shared this idea  ·  January 15, 2019  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Tweet
  • Remove
Attach a File

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
  • Nadine Gin commented  ·  December 07, 2020 06:30  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    YES PLEASE!!!!!!

    Submitting...
  • Kalyn Bowen commented  ·  November 24, 2020 17:40  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Absolutely NEED this for developer handoff!!!! Having to go back and find all the unicodes for the icons I used in a design is a huge unnecessary time drain

    Submitting...
  • Wil Drover commented  ·  September 23, 2020 10:23  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes definitely need these. Need the unicode to show in the content panel in view specs.

    Submitting...
  • Harun Alikadić commented  ·  September 13, 2019 03:27  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I have hard time converting the unicode value to other (hex or name). If you copy the value  and paste it to FontAwesome icone search it gives you no result. You need to use an external converter, such as http://www.babelstone.co.uk/Unicode/whatisit.html in order to unveil the hex value and then use it in your app or find it on FA website.
    Can XD help with this? For example, allowing us to use directly hex/name value in XD design part (it works for other icon fonts such as Material)?

    Submitting...
  • Carly Reeves (NFXS) commented  ·  August 28, 2019 18:49  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    100% need this to streamline dev handover.

    Ideally the icon 'friendly name' is shown in the 'Content' section of the Spec panel, AND the unicode is listed in the 'CSS' section, i.e. content: "\f778"

    Submitting...
  • PN commented  ·  August 13, 2019 12:49  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    And this is a wealth. https://fontawesome.com/icons?d=gallery&q=lock
    You can copy and paste

    Submitting...
    •  
      Screen Shot 2019-08-13 at 2.49.07 PM.png 123 KB
  • PN commented  ·  August 13, 2019 12:12  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Actually, this is the one you were calling out.

    Submitting...
    •  
      Screen Shot 2019-08-13 at 2.12.02 PM.png 14 KB
  • PN commented  ·  August 13, 2019 12:09  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Here's an open lock from Font Awesome.

    Submitting...
    •  
      Screen Shot 2019-08-13 at 2.08.18 PM.png 16 KB
  • PN commented  ·  August 13, 2019 12:06  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    On the Mac OS, Go to Font Book and select FontAwesome. Look at the Preview pane and select the character you're looking for. Hover state over the selection reveals the Unicode.

    Submitting...
  • MarkR commented  ·  August 06, 2019 12:06  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    As of August 6, 2019, a few of the FontAwesome names are shown in the "Content" field, but WE NEED THE UNICODE, please, and all of the them, please!

    Submitting...

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy