is Adobe XD using dp, px, pt? I can´t find this information in the gui.
Is there a option to change between units now?
this does nothing for me :3
I encountered the same issue, the fonts appears much bigger while it looks good on xd. Apparently the font size on XD is not pixels (in points maybe?). Do you know how to get the specs in pixels?
While looking for some discussions I came across this lengthy and long-standing thread. My 2 cents: keep in mind that large parties who contribute to the inner workings of various web engines (like Apple, Google, and Microsoft) are still debating on how to work with font sizes. They just can't agree on a standard, its unit, and not even its name and acronym. These modern kingdoms are just as stubborn as the ancient ones, whose kings commanded to let their very physical foot be the unit for their reign and realm (with monks, publishers, and units following suit). Resulting in metrical and typographical confusion all over mediaeval Europe...
As a designer, we should stick to the point for font size (equaling the old 72 dpi pixel). And leave it up to the front-enders to settle on a standard and tweak everything to whatever is necessary to get it right with and in their frameworks. And apart from that, there are still the users who can set some size and zoom default for a browser, and overrule whatever the designer and developer came up with. So always leave plenty room for margin, for text to dependently differentiate in size.
If that answer is correct—that XD uses pixel measurement for font sizes, then why do fonts show up in the assets panel in points?
Essa medida pode ser alterada no painel de ativos, porém não muda nada. Ao trocar a unidade, o valor permanece sempre o mesmo. Não entendi qual a função disso.
Essa questão de tamanhos de fontes visualzadas de forma diferente no XD e na web, quando projetadas com o mesmo valor, me parece ainda não ter sido resolvido pela Adobe. Talvez a resposta do Ray10co abaixo tenha sentido.
Its not availabe to me. Like there always comes a '+' button to add more. There is nothing to change the unit.
The problem stems from the fact that the desktop mockups don't display at 100%. Only the mobile mockups do. When yourself (the designer), the client, the programer look at the mockups you don't see them as 100%. Using a design of 1920px margins with 1450px inner window, there are additional margins. Looking on my 1450px laptop screen, I still see the 1920px margins with an additional bumber on the edges of the mockup. Even with the fullscreen toggle on my 1920 x 1080 monitor, the inner container is ~1260px instead of 1450px. XD desktop should have the option to view the designs on different screen options. ie. Have it responsive. If I am on my 1920px desktop screen I should see my margins. When on my 1450px screen I shouldn't.
i always recalculate px to % in css for my responsive design so I would like the possibility to set % instead of px
The answer to this question cannot be correct, as it contains two logically conflicting statements:
- "the same unit of measure as a CSS pixel"
- "equal to 1 physical pixel on a 72 dpi monitor"
However, a CSS pixel is the equal to 1 physical pixel on a 96 dpi monitor, NOT a 72 dpi monitor. So which one is it? The current answer makes no sense.
The term "pixel" is highly ambiguous, as you can read in my several answers in this thread. According to CSS, they indeed seem to settle the debate on 1/96th of an inch. So on a 96 dpi monitor, a pixel is indeed the very physical pixel. And that's also the size at which Microsoft tends to chime in. Google however doesn't, and they adhere to a totally different idea for Android: their "density pixel" (dp) has a size at a grade, ranging from 120 to a whopping 640 pixels per inch.
So any answer which tries to fixate or even indicate the size of a "pixel", is making no sense, as long as huge and crucial stakeholders are using different ideas and standards...
So here's my pain-point and I tried looking on the web but there's no solution to this.
When the design is created in Adobe XD, MacBook Pro - Retina (2018), the prototype on the web browser shows the design absolutely perfect. However, when the developer uses the same font size assigned to the content, the font size just goes super large.
Upon inspecting this further and doing some groundwork, I found out that Adobe XD has fonts set in points instead of pixels. However, that does not match pixels on the actual web.
For. e.g. 23pt font size pm XD prototype on a browser looks different to the coded 23px font size on the actual site - please see attached.
I have used this method and still facing the same issue as Adobe XD exports fonts in CSS and it looks completely different. Unfortunately, this option is not right either in this scenario
Thank you for performing the troubleshooting steps. In addition to what Ares has mentioned, I would suggest converting the size from points font size to pixels in design specs from here. Please see the screenshot below:
Let us know if that helps.
I tried changing the px to pt and dp but the value remains the same. It doesn't change the value when you change the units. Ideally, it should be able to convert the value of the text size when changed from px to pt or dp (not in that order).
Hope it makes sense?
Thanks Harshika, appreciate this.
The problem hasn't been resolved yet. Could you please check in with your colleague Abhishek regarding this thread:Font unit does not change the font size value in design spec. – Adobe XD Feedback : Feature Requests...
Sorry to hear that you're still facing trouble with Adobe XD. I will check with the team and will follow up with you shortly.
I think Abhishek is struggling to understand what I am trying to explain. Could you also please look into it if possible.
I don't have access to the above forum. Can you post an update here and let us know an ETA on when this will be fixed? Its been a year since the original post and I still don't see this on the known issues page (https://helpx.adobe.com/ca/xd/kb/known-issues.html)