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?
I'm assuming this is now brushed under the carpet and forgotten?
this forum serves to push promblems from point to point once one forum is over run.
I dont care about the other discussions or other forums, as a paying customer who is trying to design professional UX to hand over to developers this is not acceptable in any way and is going to force me, like almost everyone else to go back to Sketch or move o to Figma. This is A HUGE PROBLEM, one that should've been fixed the day after it was first noticed - please refer to my attached image to make this problem clear
Why is XD displaying everything roughly 90% smaller than is displayed on actual websites at the same resolution and same zoom and same pixel density??! what else do we have to worry about?? this is absolutely disgusting from a professional piece of software. ALSO ADOBE - STOP BLOCKING SPELL CHECK ON YOUR FOURM, WHY DO YOU MAKE THINGS SO DIFFICULT?
not sure 'annoying' cuts it tbh. This is truly awful.
I had same problem in a Macbook pro Retina screen with 2880px x 1800px
What I did wrong?
By the resolution of my screen immediately I thought I should choose the Web 1920 workspace to start working. After finishing a prototype and validated with my team, we start to translate to CSS then we had a heart attack after seeing the difference of pixels. The H1 headline in XD was 75px and in CSS 55px. That means, all the paddings, fonts, distances, etc are wrong.
How I solved it?
We just start working on Web 1366 width workspace, then we had the same px in all the fonts and objects.
Hope this helps.
Hi everyone, could you check this one?
The 18px on Adobe XD is not 18px in Crome browser.
That means is, I have to re-define all fonts size for the developer or have to jump outside of the window.
hopefully, I wish this issue from my ignorance, not a fundamental XD bug. So, what is wrong with this?
Has this been fixed yet? At this point XD is pretty much unusable for any normal Design / Dev Workflow.
This issue will raise and keep in confusion when your artboard size does not match with the developer viewport width or resolution settings. I have designed for Web at 1920x1080(default xd size) with font-size:18px; font-family:'Montserrat',sans-serif. Developers complained every thing on the artbord looks 2x.
When I check website width details using chrome inspect, there I noticed width: 1343px which smaller than the Handout size 1920px.
Please check or take confirmation from your developer which size they are developing on. I hope this helps.
É ridiculo, se passaram 3 anos e ainda não corrigiram esse problema que afeta todo o fluxo e bom andamento do trabalho. Deveriam ter corrigido esse bug logo quando foi apontado. Isso é primordial. Pagamos por esse serviço!
Até hoje não vi uma resposta exata. E a Adobe só fala que está verificando o status do problema. Ainda(??!!!!).
Sinto ter que deixá-los, por que há outras coisas boas. Mas há também outros erros primários, como o caso dos componentes, onde o desenvolvedor não consegue inspecionar os vários estados, somente o padrão. Já abri uma discussão sobre isso e até agora nada resolvido. Não sei por que fazem tanta festa quando lançam um novo recurso, se ele não serve.
Guys, I seem to have found a solution, to some extent, that works for me. I was having this problem where I'd create a design in a 1920x1080 canvas and when I'd give the measurements (font sizing, spacing, line-height etc) to a developer, it would show a WAY bigger size. See my problem was with the canvas I was using.
If you use a bigger canvas, you have to increase the size of everything inside it in order to make up for the high resolution. But when you export said settings in a canvas of a smaller size everything will look bigger.
A simple solution for this (and I'm saying this again, that worked for me) was to match the resolutions. So if you've designed the document in 1920x1080, tell the front end dev to do the same, or vice versa depending on who's willing to do the work.
So do you mean to solve this, i have to have different canvas for each screen like 1366, 1536, 1920 and then adjust fonts in each canvas?
I tried one calculation which is based on the 1 inch. You can find the detailed explanation in this stackoverflow answer - https://stackoverflow.com/a/64061047/8437974 . I hope this will solve all kinds of problem.
I would like to know because it is not indicated on XD.
What are the Adobe XD units of measurement for :
- the distance between two elements
- the typeface (pt / px etc.?)
- the space between the letters
- line spacing
I wonder why it is so complicated to get access to this information, which I think is essential.
Thank you in advance for any answers and explanations.
Thanks for reaching out. I found a similar discussion on Adobe XD community which you can refer to here: https://community.adobe.com/t5/adobe-xd/which-unit-does-adobe-xd-use-for-pixel-sizing/m-p/8228778#M1...
Feel free to reach out if you need any further assistance.
Anyone else having an issue with font sizing when sharing prototypes in developer mode? The character styles panel defaults to pts but when I select px from the dropdown to convert them over for our developer it doesn't make the conversion. All it does it change the suffix without changing the number.
We are sorry for the delay in response. We had a similar discussion happened in past here: https://community.adobe.com/t5/adobe-xd/which-unit-does-adobe-xd-use-for-pixel-sizing/m-p/8228778 and https://community.adobe.com/t5/adobe-xd/which-unit-does-adobe-xd-use-for-pixel-sizing/m-p/10534752
Please go through the community post which might help you.
Let us know if you need further assistance from us.
We would be happy to help.
Is this something that is ever going to be fixed or is the only solution to switch to Figma or Sketch? Wondering if I should wait for a fix or just find another app to use. Thanks.
Considering they couldn't fix it for 5 years I would definitelly recommend to change the soft
It is seriously bizarre that Adobe hasn't fixed this pixel/rem situation. Figma has it covered already. I'd like to keep using XD because I already know all the keyboard shortcuts and own a subscription. But unless there is a plugin available soon...I'm going to have to switch. Even adjusting the pt sizing on my end still leaves me with a clunky beta design from a developer. And I'm the one left looking bad...
I wonder the same thing I have come to the conclusion that this is the most unanswered question on earth lol. Why is this even something that people should have to ask? ALL of the Adobe Platforms interact with one another in some way...so why create one with an ENTIRELY DIFFERENT SET UP?! I'm not converting nothing...that's dumb...one job and you did it terribly.
Can't believe it's Nov. 2021, five years since this issue was first raised and Adobe has released numerous bug fixes and major updates but has not addressed this issue yet! Seriously baffled! Any XD admins here care to explain?
Apparently they just don't care. Looking what direction they are trygin to push this issue (Windows sizing, zooming etc) it is clear to me they have no idea themselfs why is it like that and how to fix it. More important for them is changing free features into payed options instead of fixing real problems. There is literally no point to fight with them and it is time to change the soft.
For anyone who comes across this rather confusing thread in the future and are looking for an easy conversion to CSS all you need to do is multiply the font sizes by 0.75. So 56pt in XD would be 42px in CSS.
Quick explanation: The Adobe XD pt measurement is 1 / 72dpi. The CSS px measurement is 1 / 96dpi. Despite one being called 'pixel' and another being called 'point', they are both based off a the same physical measurement and therefore scale in the exact same manner. A CSS pixel is not a phyiscal device pixel; in fact it functions like a point measurement.
CSS is structured in such a way that you shouldn't be worrying about DPI.
The fonts sizes are shown as "pt" when saving character styles.
However, when exporting prototypes with design specs turned on for developers, the fonts display in "px".
If you hold down Command/Ctrl/Shift/4, you can measure the font in the browser prototype to confirm that it is actually an acturate pixel measurement.
Not sure why Adobe would display "pt" under character styles.
I've been going with pixels for any design documentation.
So basically I have to multiply every measurement in Xd design by 0.75 to get 1:1 representation of the design in my browser. That's absolutely ridiculous. Even more so when there is a way to change the measurement units in the developer view. Why won't it make the conversions automatically for the entire document? What's the point of changing the unit when the values stay the same?
I think the workaround for font sizes could be using base font 7.5 px and then using rem with values from xd design devided by 10. So if your Xd design says 15px, use 1.5 rem. This should give you accurate size to what is it in Xd.
But what should I do with any other measurement? Do it on the calculator? Seriously?