Which unit does Adobe XD use for pixel sizing?

New Here ,
Apr 14, 2016 Apr 14, 2016

Copy link to clipboard

Copied

Hello,

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?

TOPICS
FAQ, How to

Views

131.0K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Adobe Employee , Apr 14, 2016 Apr 14, 2016
Hi!XD currently uses a virtual pixel for most of its measurements (including font size), which should be the same unit of measure as a CSS pixel, or most measurements in iOS. It's roughly equal to 1 physical pixel on a 72 dpi monitor (and, incidentally, a point).I'm afraid there's no option to change the unit currently. Which units would you find useful?

Likes

Translate

Translate
Adobe Employee , Aug 24, 2017 Aug 24, 2017
Hello there,The pttopx converter you linked is using the conversion of number of pixels = number of points * (pixels per inch / points per inch), where the pixels per inch (or DPI) can change, and 72 is the typical number of points per inch. This whole problem of converting design units to a physical size is tricky, and so, at least for now, XD kind of sidesteps it.It's easiest to think of XD as unit-less, kind of like a vector graphic, and focus instead on the relationships between elements. Le...

Likes

Translate

Translate
Community Beginner ,
Dec 20, 2020 Dec 20, 2020

Copy link to clipboard

Copied

this forum serves to push promblems from point to point once one forum is over run.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jun 20, 2020 Jun 20, 2020

Copy link to clipboard

Copied

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 1920.png
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?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 18, 2020 Jun 18, 2020

Copy link to clipboard

Copied

not sure 'annoying' cuts it tbh. This is truly awful.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 09, 2020 Jul 09, 2020

Copy link to clipboard

Copied

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.

Best

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 24, 2020 Jul 24, 2020

Copy link to clipboard

Copied

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?

 

size-problem.jpg

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 29, 2020 Jul 29, 2020

Copy link to clipboard

Copied

Has this been fixed yet? At this point XD is pretty much unusable for any normal Design / Dev Workflow.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 03, 2020 Dec 03, 2020

Copy link to clipboard

Copied

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.

1366.png1920.pngConnetin-website-width.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 31, 2020 Jul 31, 2020

Copy link to clipboard

Copied

É 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.  

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 30, 2020 Aug 30, 2020

Copy link to clipboard

Copied

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. 

SIZE DIFFERENCE.jpg

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.

 

 

1366x768.png1920x1080.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 05, 2020 Sep 05, 2020

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 25, 2020 Sep 25, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 18, 2021 Feb 18, 2021

Copy link to clipboard

Copied

Hello,


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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Feb 18, 2021 Feb 18, 2021

Copy link to clipboard

Copied

Hi there,

 

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.

 

Regards

Rishabh

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 16, 2021 Mar 16, 2021

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Mar 23, 2021 Mar 23, 2021

Copy link to clipboard

Copied

Hi Austin,

 

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.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 03, 2021 May 03, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 24, 2021 Nov 24, 2021

Copy link to clipboard

Copied

Considering they couldn't fix it for 5 years I would definitelly recommend to change the soft

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 22, 2021 Jul 22, 2021

Copy link to clipboard

Copied

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...

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 14, 2021 Aug 14, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 11, 2021 Nov 11, 2021

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 24, 2021 Nov 24, 2021

Copy link to clipboard

Copied

LATEST

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines