Skip to main content
Participant
Sep 12, 2022 2:17 PM UTC
Answered

How to match the layout size of Adobe XD to Elementor?

May I ask how to match the lay out sizes of Adobe xd to elementor??base on mock up they give??

 

<Title renamed by moderator>

This topic is closed to new replies. Start a new post to keep the conversation going.
Dan Rodney
Dan RodneyCorrect answer
Community Expert
Sep 12, 2022 11:34 PM UTC

For something like a button, you'd use the font size (23px here) and then add padding.

Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

6 replies

Dan Rodney
Community Expert
Community Expert
Sep 12, 2022 8:41 PM UTC

Is there a specific kind of thing you're trying to size?

 

Some things will translate into pixels while others should be percentages, vw or vh. It all depends on how things will need to change as the window resizes. Some areas will end up being margins, padding, borders, etc.

 

I'm not sure if that helps, but maybe you can be more specific?

Translate
Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
Participant
Sep 12, 2022 10:56 PM UTC

Thank u so much!..now I know thats how its behavior..hmm for example ..in button..with 23px..its not look similar on web..

 

Translate
Participant
Sep 12, 2022 11:06 PM UTC

how to set lay-out width and height .and spacing from adobe xd to elementor..for example in this 3 column..the spacing of the box in the web?

thank u..just begenner..i dont know if it suppose i just suppost to copy it or not.

 

Translate
Harshika Verma
Community Manager
Community Manager
Sep 12, 2022 2:36 PM UTC

Hi @Rovelyn26075515w8vc,

 

Thank you for reaching out. I am checking with the team regarding your question and will get back to you once I hear back from them. 

 

I am keeping the discussion open for our experts if they have any suggestions for you.

 

Thanks,

Harshika

Translate