Skip to main content
E
elena24254150dc6a
Participant
April 29, 2022
Question

Pixel coversion from Adobe XD to HTML

  • April 29, 2022
  • 1 reply
  • 421 views

I have an issue regarding pixel conversion from adobe Xd to HTML. Basically when I draw the mockup in Adobe Xd and I set a font with an 80px, then when I develop the website it doesn't look like the same amount of pixels. Does anybody have the same issue? How can I solve this

    This topic has been closed for replies.

    1 reply

    Dan Rodney
    Community Expert
    Dan RodneyCommunity Expert
    Community Expert
    May 1, 2022

    You have to find the right zoom level depeding on your device:

    • If you're comparing a Desktop design to viewing in a Desktop browser you should be at 100% zoom in XD.
    • For tablet/mobile devices you have to find the correct zoom level for accurate preview, it's not 100% (it will be less than 100). I hold up the device to my screen to get figure that out.
    — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
    E
    elena24254150dc6aAuthor
    Participant
    May 2, 2022

    Hello Dan,

    Thank you for your reply although I already tried to zoom the Xd presentation 100% and it does not seem the same. Have you got some other tips that you can give me?

    Thanks in advance

     

     

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices