Today we will be designing a portfolio website in #adobexd using the Pantone Color of the year – Coral. As an added bonus, I will teach you how to export this web #uidesign as a HTML/CSS file for further development. This can be achieved using a simple plugin for XD. I’ve attached the XD file below:
Adobe XD File: http://bit.ly/webuixd
Join Facebook Design Group — https://www.facebook.com/groups/punitchawla/
Music in the video: “Far Away” by Declan DP Music
https://soundcloud.com/declandp
Follow Me on Twitter:
https://twitter.com/punitweb
Follow me on Medium:
https://medium.com/@punitweb
My Behance Profile:
https://www.behance.net/punitweb
#uidesigntutorial
source
Sir I want to ask something about poster designing and Facebook ad designing I want to use Adobe XD for these type of Designing is this usable or not for social media marketing poster designing
great tutorial, thanks my friend
Thanks for the video! So for making shadows and animation (which I have already done in XD) I have to learn coding to make it work in the HTML/CSS file?
Sorry for being too null
I downloaded the program but everytNice tutorialng still says trial version on it??
Like
Hi, great tutorial but how i can export also the link (ex menu scroll to another object)? thanks
Would've been nice if the plugin wasn't that expensive as hell..
Drink when he says perfect! 🤪 🍺 🍻
Great video!!! 👍😁❤🙏
Punit this is not responsive. There is a horizontal bar that would not appear on a website. It is good for exporting sections but not the whole website.
this doesnt work with the latest version of xd
for y'all who's wondering what video was that on YouTube !!
Fat Joe, Chris Brown, Dre – Attention
and (bb ki Vines) in search bar
I'm getting a 404 file not found when clicking the Adobe XD File link. Can you update the link? Thanks!
Hello, how can I use this program to actually make a design for a website that is online and reacheable by everyone?
LOUD beginning, low voice
Hello sir, actually I have a doubt that like do i have to make multiple designs like different for windows, mac, iphone, android…???
Obrigada! Me ajudou muito. Thanks you help me
Thank you man. perfect tutorial
When I export, on my export artboard doesnt have the "option" section. Anyone knows why?
How to test this design In hotjar??
is that " web export " plugin FREE?
Hi – can we get the css for the interactions section on adobe xd if we just have a link shared to us?
So if I export a whole website will it still keep the linking that I set up within the site for navigation?
Still slightly skeptical here, why not so us the code you extracted, is there redundancy ?
having difficulty to run animation i made in xd. I mean unable to correctly sync the css file with html i guess what do you suggest.
wanna ask i notice the font in the final html file is different from the preview layout, is there a way to keep the fonts?
NICE; BUT HOW CAN I IMPLEMENT THE FUNCTIONALITY OF i.e. A BUTTON HOVER FX ETC? thx in advance
I wanna ask u plz if I download the file u posted her it will open the whole design?? I'm trying to open it but it didn't work
Man Why Everybody has a Macbook come on it's not fair
I Want a Macbook Pro also
17:00
Again a guy with fake accent 😑