Create Account and Verification Process - (Design & Prototype) Adobe Xd Tutorial

[@user-xg1cp2zo3l]

you the best UI designer man! you always provide a download link! you deserve to have a million subscriber!! Godbless man!

[@Ipdxcreative]

This is seriously awesome, Hello future/current developers

[@frontporchmedia]

Love your videos and the way you explain them. Thank you.

[@bdbd4028]

Hi, I didn't understand how to do a keyboard that really works and what i am writing will be on the row that i need. Thanks you for your help! You are very very good!!

[@abhijitkoni671]

Hi Caler. Is it possible to have a design with realtime/dynamic text input? not the one preset on a screen?

[@underleafe]

Not in XD. To do something like that you would need to use Protopie or something similar.

[@islandboystv]

My biggest question, I see lots of designing. Looks like a simple process. Now how do you code what you just did so the app can function?

[@chocoins]

Island Voice TV it's not his job. He's a Designer not a programmer

[@islandboystv]

@@chocoins All the programers I know normally design their end program. Seem redundant to design something that doesn't work.

[@kanashi_hime]

You must create MySQL database and do some php sending code to send login password and email to the database, then you must create algorithm for verification and compare it with user verification code - and then you can connect it to this layout - thats the all.

[@Lilydu972mag]

@@islandboystv It's the prototype you send to the actual programmer or client if you're making a presentation

[@blazingphoenix1000]

What's really cool is that adobe xd has a new plugin that lets you convert your design into the proper code that way you can pass that on to a developer so there not starting from scratch.

[@myharaaguilar6000]

Saludos desde Nicaragua , excelente explicación 😘

[@izetv-vb1gy]

what happens when you press skip in your app?? it isn't coppeled with something in the prototyping process.

[@mustafabadri4070]

Can you use this to make an application and upload in Play Store or App Store?

[@CalerEdwards]

it only designs and prototypes you would still have to export your images and use Xcode or another program to code it.

[@mustafabadri4070]

Can i export the images to HTML and then code. If yes can you make a video about it. Thanks.

[@Ryan-bl9kb]

So how would one code this to make the app actually make accounts and log in?

[@fareedmatjila6350]

How can I make the keyboard type?

[@chocoins]

Fareed Matjila with auto-animate

[@anastasioslakkas8024]

I have the .dmg file for UKIT but i can't open it!!!!

[@TheSldsnake]

Thanks i learn a lot, you are the best bro !!!

[@Ammad.nadeem]

wow, so awesome tutorial love this, I learn a lot from u!!!!

[@NotGarrettT]

This is really cool, thanks for the video!! Can you hook it up with your how to make a social media video so that it saves the account name? If so can you make a video for it?

[@jayjayjaythebrand]

Can you show how you make those final gifs at the end? Background and all

[@christiandelapena1643]

Nice work! thank you for sharing!

[@muhammadsarwani5298]

how can i open apple ui kit on adobe xd on my windows sir ? Thx

[@volca1426]

but designing something does not work is awkward, that does not mean anything, i though there is something make a data base for linking passwords and emails to start working with true ready conditions in XD. . . but i think this is not possible (yet).

[@santosotoso4180]

thanks for a great tutorial

[@RahulSharma-rv2mb]

Caler, Thank you for all the helpful videos. Can I ask if I make an app for Apple & Android using XD. Once complete can these apps be uploaded to the relevant stores and made live? Or is this app only for prototyping? Many Thanks.

[@ayoubgharafi1656]

Love you your workflow

[@hdlyric7965]

Hi Caler! Could you give me the UI Element file?

[@idembele]

Bonjour Kaler. Thanks for that great video. Is there a way to export the design/prototype data to the dev team. i mean export a canvas with details like space, size, Font, colour code and over details used to design the view for each element on each view? Thanks for your answer PS: excuse my english, i'm a french speaking guy!

[@niveshbirangal]

How do you add the iPhone X frame and that background? after the prototype has completed. That last video. With after effects? Please Help!!!!!

[@CalerEdwards]

I add it as an overlay in after effects, for the mockups I use I search iphone X Mock up on Dribbble :D

[@saravanansakthivel6403]

SIMPLE & EASY for BEGINNERS.

[@imambudisetiawan6035]

thankyou, i'm a newbie to adobe XD

[@dimitraparaskevilouka5578]

Thanks very useful tutorial !!!

[@robertlemiesz7143]

I always refer to it as iPhoneX. The way it was release after 8 skipping 9, and the major design changes they made. Make me consider it a different branding.

[@deepjyotibaishya7576]

thanks sir how to import this project on android studio

[@robertto1ify]

The last part of the transitions were made using After Effects?

[@CalerEdwards]

All the transitions were made in Xd. I added the iPhone X mockup in after effects.

[@robertto1ify]

Thanks you very much. By the way, do you have any AE course about UI animation?

[@suyashtiwari7194]

Bro can we create a full app using xd like instagram please tell me

[@CalerEdwards]

You can design and prototype it but no functioning code

[@Krispylicious]

Great video! Just a quick question. I downloaded the IOS UI kit from Apple's website through Xd, but i can't seem to install the SF Pro font family. It's a .pkg file. What do i do?

[@CalerEdwards]

Thanks! Double click the .pkg and it should take you through the steps of installing it.

[@AnupMondal]

Thanks a lot. I request you to share Ui Elements - Bars File Link on this description. It will be a big asset for your viewers. Thanks again, have a great day.

[@timetoentertain9115]

give these assets for windows please

[@imambudisetiawan6035]

thankyou, i'm newbie to XD

[@ygalaxyworld]

The Best

[@DavidNitzscheBell]

Dude, why make it so hard to make the circles for password? Just use Option-8 (•) on your Mac. The original bullet. I think that was one of the first things I learned on the Mac back in 1986. And is Option-Shift-8 for degrees (°).

[@fortisfortunaadiuvat3826]

I don't get it. It looks so simple. Isn't this supposed to be just a preview of how a sign up proces looks like? In the end how a user is going to receive a verification message? Or it's all done automatically from Adobe XD?

[@DavidNitzscheBell]

Adobe XD is a tool to design/prototype a website/app before doing actual coding. It's a way to quickly throw something together and show the client without writing actual code/HTML. Once the client has agreed on your design, you have a visual representation of what you need to code.

[@yutani2225]

And here we see the limits of Adobe XD very clearly. Unlike Axure, you can't do real interactions in Adobe XD. It's just a design-oriented program. I wish there were input fields that would allow real user input, evaluate and trigger actions. The whole subject of forms is a sad chapter in XD. But forms are - especially for web applications - an essential part of UX. XD is a good tool for quickly realizing visual prototypes. For serious user interaction unfortunately not yet.

[@weshuiz1325]

great tutorial more like this

[@CalerEdwards]

Thanks will do :D

[@harisfadhilah5839]

Thanks bro!

[@mixdesign6036]

Nice☺

[@rranjan31]

good

[@SagomasCreative]

Nice, but it's not the best, the form fields should be scribable, not just graphics.

[@tomino133]

Thanks for another great video !

[@adamcoe9121]

Hope people really aren't actually complaining about what you call the iPhone. Call it whatever you want man

[@OwnAbbass]

I loved the tutorial and the way you explained was simply awesome. After getting inspired from your tutorial I made a tutorial myself on the same topic but in my Native language. Check it out. Thank You.

[@FranzTech]

Sorry, i have a problem with the file, it is empty!

[@JK0712]

Yeah duh you have to follow the tutorial so you actually learn something from it, you can't just copy his work

[@iamlane]

9 pixels from the bottom? at least iPhone now get "9" somewhere..

[@matrizx-diseno-grafico]

La verdad no le veo ninguna utilidad a esta aplicación. ¿De qué me sirve crear un prototipo si no lo puedo exportar a Dreamweaver ó subirlo a un servidor web? Esta aplicación es una pérdida de tiempo.

[@Izatudin2162015izatudin]

9

[@Izatudin2162015izatudin]

A

[@Izatudin2162015izatudin]

🐑

[@KashTheGamerYT]

im on windows, how do I get the apple UI?

[@FranzTech]

Thanks i learn a lot, you are the best bro !!!