Adobe XD - Netflix Onboarding Screens Prototype Tutorial

[@digifacts96]

after a very long time research got an helpful channel

[@papertub5115]

Watched all of your videos over this weekend. Easy demonstration..quality content. Way to go..you are a Superstar. Keep creating. Thanks.

[@womendisabiltyinfo8374]

Amminze calss sir

[@riyachopra5975]

clear & simple teaching style. liked it.👍

[@amolg45]

All techniques are simple and good to learn. Thanks for Assignment Nitinji.

[@rashmikabhate8405]

detail explanation .Thank u for tutorial

[@sanjivgupta7655]

Best Teacher for You, Good Class

[@gurukiran2772]

Thank you sir.. Its bang on video for a beginner to ui ux.. world. Jai Hind

[@shubhamvig2814]

Mera ab development se designing me ane ko man kr rha hai 😂😂... Very intersting video.. 👍👍👌

[@Pelfizz]

🙂🙂

[@zohanzohan2366]

very helpful video for biggners Thankew from pakistan

[@ameerali400]

Thanks for teaching us

[@kansaramukund8740]

very nice tutorial👍

[@hiejazalam]

Thanks for giving these valuable content , helped me a lot Thanks again...

[@ankitkanaujia964]

Badia..Voice is too good.

[@AkshayKKohli]

The content is perfect . The only suggestion is that it was too fast and the use of short cut keys was also too much. For a new person it is difficult to go upto this speed. The masking concept is not clear to me....Thanks for a good video.

[@hamzahassan9282]

Bhot Allaw sir great work

[@asher4898]

best video ever sir thankyou

[@pradeep9222]

very nice video, i learned a lot from you

[@junaidaahjiz3184]

Awesome sir MASHALLAH

[@Faizuddin6677]

thank you bro you are very great bro thank you for making this video

[@MIREPRODUCCION1]

Great tutorial, thanks!!!

[@prakashvarma2736]

It's perfectly useful for me. Thanks for the good tutorial

[@SupremHealth]

Amazing..... Super Awesome!!!

[@uskhangura3646]

Awesome, sir! I wanna learn more and more about XD from you. Please, make more and more lectures 🙏. Love You from Pakistan. I will suggest your lectures to everyone.

[@mdnegi]

I will learn lots from you sir Thanks

[@zubairhanif6554]

Superb class 👍

[@AbuBakar-gd4og]

Sir Baki sab very nice 👍 but Jo ya drage wal ha ya agar back be drag karana chia ha

[@tambirulislam6976]

Great class sir

[@omarahmedsiddiqui5617]

Pelfizz Studio Hello there Brother. I want to ask that what did you pressed the command button at 14:10 I didn't understand that time Please tell me that in here.

[@irshad_Shaikh_Vlogs]

Thank you very much

[@sultanhashmi2001]

thank u sir ji

[@satishpoojary6132]

very good tutorial, thumps up to you

[@soumyasaloni7722]

Today I got to know about your page and it's really amazing. I'm regretting somewhat now w, why have i not checked your videos earlier and faced some problem while designing for my app. Hope to see some more videos on how to get start with a topic and how to get ideas and organise them inside a page, for example - like if given a real estate app.. How to start, make layout and do the design

[@Pelfizz]

Soon I am bringing real estate app with some concepts thanks for the suggestion

[@soumyasaloni7722]

@@Pelfizz looking forward for that

[@krillaxgraphicdesigner2141]

ur amazing man im just facing problem while dragging back to the previous page but still ur osmm

[@azlankhan3584]

Screen short wala mini ap icon bana na jaruri h kya

[@shubhampal1303]

easy understandable

[@pravinathakkar8043]

So fine .....sir💐🙏

[@SahilKhan-pm1hk]

Sir mera ek question hei ap se aap freelancing karte yaa company mei job

[@chanderbhan1411]

Thanks sir best tutorial

[@vishvanathswipelinc8405]

tutorial is good , please the show button on screen which you press...baki sb mast ...

[@AdeebTechLab]

*_phone conect ni ho raha_*

[@technicalera1]

Great job thaks

[@techysheky9585]

Sir is it possible to get the code of animation from Adobe XD??

[@kushalvirulkar]

Thank you sir👍

[@jayantmudliyar1332]

sir ...top sticky nav bar ka scrolling par color change kese hoga. agar color change karna ho to,. jese jQuery me hota he. ek particular time ke baad color change hojata he. us tarah se ho paega?

[@sanasaleem4758]

Amazing class

[@umermunir1358]

Great work 5 🌟🌟🌟🌟🌟

[@shreyabagchi9917]

On providing the drag animation.. the logo are not becoming small on transiting from one page to another.. Help

[@gunjanagrawal5039]

What is the down and up bracket?

[@muktha24]

How to do auto loading animation in in xd? without using any tap, drag etc

[@easylearnwithali1728]

good sir

[@rahulrajdan1]

Superb Sir

[@rohitpagar17]

Sir plz mention your mobile phones theme it awesome..

[@adeelrizvi3188]

hello sir plz help me mai Adobe XD windows pe use kar raha hu is mai Mask ka option work nahi kar raha aur na he top bar araha hai jis mai File, Edit, View, Windows ka option hota hai plz as soon as possible meri help karden

[@jasdevpundir1861]

Isme slide ka option hota h kya right to left?

[@markolovers955]

ap bhot achi videos banata hn but yaha pa masking vala option bhi bata deta k kis jaga pa visible ho sakta ha shortcut key ka ilawa q ka new person ko bhot preshani hoti ha shortcut ki figma me jesa mask ka option samna visible hota ha is me kis side hota ha new person ko please detail me phela bata diya karain k yaha yaha button hn aur is tarha sa ap open kar sakta hn shortcut key k ilawa q k shortcut key 2nd option ha open karna ki . Baki ap ki video bhot bhot achi hoti ha me bhot bara fan hn ap ka aur sari videos dekhta hn aur prectice bhi karta hn

[@harishsingh4489]

sir, video bahut helpful hai but apka mask or back wala transition samag nahi aya maine bahut try kiya but work nahi kar raha hai shayad apne koi step batana bhul gaye, isko detail mein bata do kaise kiya to helpful hoga.

[@studygfx7786]

good adobe xd tutorial.....sir live preview mobile se kese connect krna hai is ki bhi aik video...plzzz nhi ho raha

[@shreyashsompura1758]

👌👌👌

[@kartikverma4376]

SIR I WANT TO KNOW HOW MASK IS WORK I WANT TO KNOW THE LOGIC BEHIND IT IF ITS POSSIBLE SO PLEASE TELL ME

[@faisaltarar7683]

best tutorial.

[@mazharch8835]

Sir ma chata ho k mara ya design har phone pa dakha ja saka matlb k is k liya to ham ak specific artborad lata ha ma chata ho ka is ka artboard har phone k lihaz sa resize ho matlb jasa hi preview dakha to khudi resize kar da jasa k ham s10 ka artboard lata ha lakin preview iphone 7 ma la to khudi adjust ho jaya plz kiya ap is ma guide kar da ga k ya kasa ho ga

[@abdulrehmanbinsaleem9488]

Sir back drag ni hota halanke k kai bari koshish kia

[@Akramkhanuxd]

amazing 👍

[@deepanamar8452]

Thank you

[@devshiv1]

Nice

[@harshitbarnwal5465]

Sir hamara prototype arrow keech ke chodne par wapas apne jagah par hi aa jaa raha h.......aisa kyon????

[@shubhsharma7115]

its amazing sir

[@ranjitpaul9479]

Hi sir, mujhe ek chis puchna hei???

[@ridhamparmar1996]

superb!!!

[@ayazqureshi1574]

Help Me When i Goes Back from OnBoardScreen D to OnBoardScreen C not working on Drag .

[@sahirr2827]

Sir, Mere phone me font miss aa rha hai....or live preview bhi nhi dikh rha hai. Please suggest what to do?...

[@johnabraham-vz8lk]

icon choty se bhra ni ho rha hy same wasa e kiya many

[@noshaba_mahwish]

Sir, How I connect my mobile phone with XD for a live view?

[@anuragrajput8172]

Great work dude

[@arbabsultan9934]

Aslam o alaikum sir kindly give me complete Course Link. Where I download it thanks ☺️

[@Uzairkamranofficial]

Hi... How i can download Onboard xd file

[@wasilsiddiqui607]

can you make it more easy masking part was not explained well.

[@abhinavtiwari6186]

7:38 p jo command return h isme return m kya type karna h

[@ranjnachauhan8248]

ctrl+enter

[@SindhiBoli0]

Sir, how to connect my phone with live XD with my laptop? I've iPhone...

[@bilalahmedkhan8251]

Last wali screen say back slide nhi ja rha front slide ho rha hay, kindly check.

[@sagarneon]

Hi, Nitin I am not able to do reverse part ?

[@bakaitibindass5224]

Respected sir. You are just amazing. Sir I'm want to learn this software professionally , can you help me. Plz teach me it's my humble request.

[@soujitpaul2726]

Sir the prototype you showed was 1-2-3-4 and back 4-3-2-1 (numbers are drag triggered animation) but what if I want to pause in the middle and turn back for example 1-2 and I dont go further but 2-1

[@Udhaaaran]

MAKE PROTOTYPES ON EVERY SINGLE POSSIBILITIES

[@pawi010]

your videos are so informative. You are giving free tutorials on UI/UX at free of cost while others are charging for that on the name of online courses that's really a kind work. keep it up... I have 1 question, I am a graphic designer by profession so my question is All the graphic part in app design is a part of the work of a graphic designer or UI/UX guy? like in onboarding screen you made the graphic by your self so I am confused in my company all the UI/UX designer forward this design work to graphic designers...pls clear the confusion

[@Pelfizz]

Thanks for the kind words and you are right its graphic designer work and but there are some online stock sites for the image, icons and ready-made graphics so generally we purchase or download to use with the concept. If there is no designer available to make those.

[@Pelfizz]

Hope u received my answer

[@pawi010]

@@Pelfizz thanks

[@dhanwant0106]

time trigger option not showing sir.....please help

[@dailygadgets9423]

Mera ye right side wala option ni aa rha jider se animate ki setting krty hn sirf auto animate aa rha hai . koi bta skta hai ye window kider se ay gi?

[@manjuljoshi1414]

Hello sir, I tried to back auto-animate but its not working. it is working on the front side but not back. and I also tried to mask as shown in the video. but that didn't happen too, only these two doubts I have, hoping for your reply soon sir. And thank you so much for this awesome video its been very helpful, I am just starting out my career in UI/UX design, your videos have been very helpful, felt motivated after watching your videos. I'm in SY , doing BA in psychology, Please any suggestion also would be very helpful regarding to UI/UX because I am learning on my own as a self-taught , Thank you so much once again sir!

[@AbhinavKumar-hx4ge]

Did you find a solution bro?

[@usamachippi6570]

how to duplicate screen? plz help

[@rahulrajiwade5829]

Sir ap kaise ui designer bane apne bare me ek video share kro

[@studygfx7786]

yes sir aik tutorial ho jai

[@Muhammad-AnasKhan]

In my XD, crtl+D is not working for duplicating art board. What should I do?

[@mazharch8835]

Sir mask hi nahi ho raha kiya problem ha sir

[@zaintahir2043]

Sir ya to bataya ni mobile or app kasay xd kasay connect hotaty han or shortcut keys bhi ni btai sir thira details say batayen ap to pro level ki video bana rahay han

[@MayurSupeTheKing]

Why you add seprate artboard for back animation when there no need?

[@Pelfizz]

We cant use twice Drag trigger in signle artboard, it's tricky when you will try this definitely you would need separate artboard, you can share the xd file on [e-mail], if it works without additional art-board, so that we can review.

[@MayurSupeTheKing]

@@Pelfizz as per your solution you didn't create seprate artboard for first one & i will share the file after file completion thank you. Also please sir create one instagram or telegram account where all we can talk to with you regarding our queries

[@anupamupadhyaya2155]

Cant we drag left to right for going back? I followed you it only works when we drag from right to left even for going back

[@shcreations.2695]

sir ya move kasa kr rha ha ?

[@tusharimage01]

Hello, Thank you so much for your tutorial. I have one doubt, my masking option is not working, can you help me out in that, I am using adobe free software version downloaded from Adobe website. Please help. Thank you in advance

[@mrshahbaz82]

sir ap esy jare rakhyn hm ye course deykh rahy h

[@ankitgoel6634]

Hi Sir, It was Nice. Jab last slide se back slide pe aane k liye back slide karte hai to ye work nai kar raha lakin last slide ko aagey ki taraf slide karte hai to ye back waali slide pe aa jata hai fir back slide karte hai to sahi work karta hai.

[@ankitgoel6634]

Actually Sir isme sliding screen ka funda 1 screen to 2nd screen and 2nd screen to 1st screen, means 1-2, 2-3, 3-4 | user kuch b kar sakta hai jaise wo fir se back slide pe drag kar dega. Agar wo 3rd slide pe hai to wo 2nd slide pe fir drag karega then 1st pe drag karega. Lakin isme aisa nai hua. Isme ek flow chal raha hai. SIR Ji, iska solution bataye Please.

[@Pelfizz]

Hello, thanks and you can refer my latest video, sharing link below. This is the exact solution for your query. kzbin.info/www/bejne/kHKzq56oodJsirM

[@ankitgoel6634]

@@Pelfizz Yes Sir, as required this process is working now. This video was very helpful and the way of your teaching is impressive and understandable. Now I can continue watching the lessons 6 (kzbin.info/www/bejne/gpqbo6CXbJJ2rdk) Thanks a lot for your prompt reply and support!

[@anukritipudmja6070]

Hi so i am facing this issue ... While doing the back animation its just showing tap keys and gameboard and voice their is no drag option in animation ... How should i resolve it

[@Pelfizz]

@Anukriti Pudmja : Hi, Please see below link and download. here i fixed the logic of backward and forward art board by drag functionality, hope it will clear your doubt or just send your file on [e-mail] www.dropbox.com/s/7c06s1eaooeqw4y/Drag%20Example.xd?dl=0

[@ayazqureshi1574]

Same Issue facing when i doing back animation its not working well i don't know why?

[@Pelfizz]

@@ayazqureshi1574 here i fixed the logic of backward and forward art board by drag functionality, hope it will clear your doubt or just send your file on [e-mail] www.dropbox.com/s/7c06s1eaooeqw4y/Drag%20Example.xd?dl=0

[@ayazqureshi1574]

@@Pelfizz Thank u So Much I Solved that issue only thing that i understand when i back cursor drag from right to left instead of left to right

[@shreyabagchi9917]

Very good class... Learnt a lot... But got stuck at one place... Can you help?? 😊

[@Pelfizz]

Thanks, could you please mention the problem?