Best Practices for Designing WooCommerce Product Pages for Furniture Brand in Adobe XD

Hi everyone,

I'm currently working on a furniture e-commerce website called Heaven & Homes (built with WordPress + WooCommerce), and I'm using Adobe XD to design mockups for the product pages before development.

Since furniture products rely heavily on visuals and clean layouts, I want to make sure the design translates well to both desktop and mobile. Right now, I'm trying to figure out:

• What's the best way to structure product image galleries in XD so they adapt nicely for responsive layouts?

• Any tips on designing typography hierarchy for product title, short description, and price so it's readable but still elegant?

• Are there any UI kits, plugins, or resources you recommend for e-commerce / furniture website design in Adobe XD?

I'd love to hear how other designers approach e-commerce projects in Adobe tools. Any inspiration, workflows, or best practices would be really helpful!

Thanks in advance