I want to implement Adobe XD design on Magento theme

[hafsa_zulfiqar1]

Hi Everyone!

I am new to Magento but I am front end developer.. I want guidance 

Designer gave me design in Adobe xd about website different page like product , Contact us and about us 

and menu

Now I want to implement it in my Magento Store 

But What do I do?

Do I need to convert page design into html css code and then implement it as Magento theme ??

or???

[Sunil Patel · Accepted solution]

Hello @hafsa_zulfiqar1 

first of all you need to study Magento structure.

Then you need to study how to create a theme, then how to edit less file as Magento using less and then grunt

more info that

https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/themes/theme-create.html

if it will help you then mark as solution.

[Tarandeep Singh]

@hafsa_zulfiqar1  If you are on Magento Open source then you need first read little bit about creating new them as recommended. Then only you'll be able to implement your sliced Adobe XD in Magento theme.

If you are on Magento Commerce then you can use Page Builder to design pages in the way you want.

[hafsa_zulfiqar1]

@Tarandeep Singh  

I have Magento Community Version 2.3.2

Should I go for custom theme development or Build page using Page builder?

[Aveeva]

@hafsa_zulfiqar1 What is the guide you followed to achieve this?  thanks.