I really find your tutorials to be the best - informative and logically presented... well done! I particularly appreciate the fact that you do not suffer from ‘wild cursoritis’
Literally the cleanest channel I've come across! Really appreciate that you're sharing all this profesional tutorials. Also such a clean intro, I love it.
Hey Dansky - Rather than creating a shape/rectangle around the cross, you can click on the 'Hit area" check box right bottom and increase the value accordingly.
Great job. Please make more videos on use of appropriate colours/fonts/gradient at right place. In other words, how designers think or figure out which colour/gradient or font to be used when. I am just very curious about the same.
Really informative parts. I have watched both the parts with full concentration and by the end i got to learn more about adobe XD and the new software which i never heard of Protopie.
Always a pleasure watching your vids Dansky...and thank you fot letting us know about ProtoPie...seems a great little app, I'm considering buying the licence.
I wonder, there is no question in comment section or in the video about turning those files into android studio compaitable files to implement actual work for the app
Thanks for ur great tutorial!! Im start learning XD this week, follow along ur tutorial start from the latest till this. With ur great XD auto animation tutorial, I accomplish the same animation by just using XD Prototype auto animation without using ProtoPie : )
Was very exciting to see this. Then really disappointing to find out that after you do the animation you can't export it to put it direct use in development phase. You can animate and export code in After Effects so will stick to that!
Plllllllease do more on ProtoPie - reading the docs, there’s loads you can do with it. LOADS! But there’s not so many tutorials to go with it. Get there first, Dansky 🤷🏻♀️
I'm just getting into designing apps. Can you provide a tutorial on how these ProtoPie files become apps? Once you've finished designing and animating, what is the next step?
Coding Babe. They're integrated by making directories for those files used to design the interface. When structuring the code, this is backend development. So each an every Icon or text will be coded too even if it does nothing just so everything has a function on the device or browser.
Sydney C. Ross hey still need help ? I’d suggest to start with React or something similar to convert it into an app with a cloud db which updates in real time ! I mean I’m a beginner too so that’s what I’m trying to figure out as well so don’t take my word for granted.
Chethan KVS it’s super easy if you have a strong graphic design background with programs like Photoshop and so on.... it only took me a few hours to learn this tutorial and start designing my own contents
Part 1 tutorial is very detailed and nicely explained. But I Would like to ask, how to do animation or transition in prototype in Adobe XD? Is it possible? Many thanks
Amazing job Dansky ! I wondered : do you know if there's any way to transfer a prototype directly onto a website page through the Divi theme's page builder ? Or is web development the only way to display our UI realization online ? Thanks in advance :)
Thanks for the input but where is the "manual animation specs" that you call it? I see a simulation program that can produce some neat animations and patterns, that's fine, but it's kinda impossible to deliver that into a design iteration without exact specifications to the developers. Also, programs like this tend to make designers go bananas and deliver overcomplicated patterns that doesn't serve the project any good. Often when I see ProtoPie work I see alot of stuff that is far away from best practice and in mobile terms far from native. Agree?
This feels like working on a Powerpoint presentation but in a more advanced way. By the way, why didn't you blue-ify the background & the model in the first part? I've noticed that blue color dominates your channel :D
I have a question--If I want to export an video of the animation, and I want it to have a transparent background, how can I do it? It always shows black background
Hi @Danksy, I realize XD is great for simple mock-ups and basic prototyping. However, is there an Adobe program that offers similar prototyping + animation features to ProtoPie?
Well although its not for prototyping but you can deffinately use Adobe Aftereffects to animate your prototypes.. There are some videos on youtube that should be helpful! Cheers!
ProtoPie Your idea of software that includes both UI design + effective prototyping is really great, but it deffinetely needs some improvement and little tweaks to make workflow even faster and more natural. That's why i'm still using adobe xd, but with the future updates, i may change it :)
You forgot to mention the tiny detail that the import option is not available on Windows, and i just downloaded the program with the limited license....other than that great video
Hi anyone can tell me it is necessary to use desktop preview to see it on laptops because i am using preview and it is not showing me anything. Please help me if anyone knows that?
Is it me or does noting down all start positions of screens seem time-consuming? It always easier to visually adjust positioning and use numbers for precision.
lol youd be suprised at how many developers would scoff at this, it's something xd really needs to work on (exporting usable maetrial) if they want to be taken seriously
@@ForeverDansky ok, cool ill check out your xd vids later.. i don't have time to dl and use the other app at the moment either... that's why i say this.. tit for that 🙄
@@ForeverDansky ok, cool ill check out your xd vids later.. i don't have time to dl and use the other app at the moment either... that's why i say this.. tit for that 🙄
I really find your tutorials to be the best - informative and logically presented... well done!
I particularly appreciate the fact that you do not suffer from ‘wild cursoritis’
Thanks Dansky... I am a huge fan. I follow and like all your tutorials. Your explanations are just awesome and spot on!
I love you! Shoutout to you for the clear and straight to the point tutorials!
More tutorials with ProtoPie please
Hey Dansky! This program is amazing!
Beautiful layout!
😃
Literally the cleanest channel I've come across! Really appreciate that you're sharing all this profesional tutorials. Also such a clean intro, I love it.
Thank you! Useful video!
Обожаю тебя! Уроки такие понятные и хорошие. Обнимаю тебя!
Thank you so much Dansky,learn so much in this tutorial!
hoped you got more for us!
Awesome, glad it was helpful :)
Hey Dansky - Rather than creating a shape/rectangle around the cross, you can click on the 'Hit area" check box right bottom and increase the value accordingly.
hi dansky I am from India.... I am your big fan bro.... I love your videos....
Awesome cheers dude!
Great tutorial. So much better than Protopie's own videos.
try to make a full app design video from start to finish please
Simple web site it looks Soo good thanks for this tutorial
Great work man. Thanks for sharing it. Loved the simplicity of UI and slick animations.
Great job. Please make more videos on use of appropriate colours/fonts/gradient at right place. In other words, how designers think or figure out which colour/gradient or font to be used when. I am just very curious about the same.
Amazing work
Really informative parts. I have watched both the parts with full concentration and by the end i got to learn more about adobe XD and the new software which i never heard of Protopie.
Always a pleasure watching your vids Dansky...and thank you fot letting us know about ProtoPie...seems a great little app, I'm considering buying the licence.
wow wow amazing! Beautiful layout!
Hey thanks Marwan!
I wonder, there is no question in comment section or in the video about turning those files into android studio compaitable files to implement actual work for the app
because they just learn about the design not how to develop the app
Because the most viewer is UX and UI guys. Let's flutter tutorial covering these.
I wonder the same... is that just a visual prototype and what's the next step (for a developer)?
Yes i have the same question.. how it intregets with codes ..and actually work for the app
Great tuts as usual, just started using XD can I ask why you are using Protopie to animate and not XD?
Thanks for ur great tutorial!!
Im start learning XD this week, follow along ur tutorial start from the latest till this.
With ur great XD auto animation tutorial, I accomplish the same animation by just using XD Prototype auto animation without using ProtoPie : )
The best tutorial
very useful tutorial thanks man
thanks Dan really useful!!
you are a great man, appreciate your help
Exactly what I'm looking for! Thanks so much for this video!!!!!!
Thanks man new on this, it helps a lot
Thank u very much, I like the way u explain material, it`s really easy to understand!
You are perfect teacher! Thank you
This is an awesome tutorial. I love to watch videos with you. You're so charming
Ah thank you so much :)
great stuff.. I will learn this.
Thanks
Great tutorial
Was very exciting to see this. Then really disappointing to find out that after you do the animation you can't export it to put it direct use in development phase. You can animate and export code in After Effects so will stick to that!
Awesome!
Plllllllease do more on ProtoPie - reading the docs, there’s loads you can do with it. LOADS! But there’s not so many tutorials to go with it. Get there first, Dansky 🤷🏻♀️
Great video, thank you.
So what are the next steps? Can you export this as a working demo to send on etc?
Dude i loved this...thank u so much. Peace
Damn...You're really selling me on this ProtoPie thing :O
I'm just getting into designing apps. Can you provide a tutorial on how these ProtoPie files become apps? Once you've finished designing and animating, what is the next step?
Sydney C. Ross well.. coding 😂
Coding Babe. They're integrated by making directories for those files used to design the interface. When structuring the code, this is backend development. So each an every Icon or text will be coded too even if it does nothing just so everything has a function on the device or browser.
Sydney C. Ross hey still need help ? I’d suggest to start with React or something similar to convert it into an app with a cloud db which updates in real time ! I mean I’m a beginner too so that’s what I’m trying to figure out as well so don’t take my word for granted.
Thank you very much.
Very sad that protopie cannot export your designs to a working app !!!!
Any idea how to do that please?
This is great but I think it would be even greater if you could collab with some coding youtubers so they can make your designs in android/ios???
Super nice video, great job.
But im still confused, after the animation. How can we code the app ?
Protopie is for designers, not for developers. Zeplin plugin is the solution to give many different codes back from sketch or XD projects.
26:33 Final Animation
best education i ever got
Awesome :D
can i ask?any another software similiar with protopie?
Dansky, nice video. Next time just use hit area. Thats easier!
How long did you take to learn Protopie? It is super confusing and tough to get a hang of.
Chethan KVS it’s super easy if you have a strong graphic design background with programs like Photoshop and so on.... it only took me a few hours to learn this tutorial and start designing my own contents
i have a question that can i use the protopie interactions in android studio for app design.. or its only a ux design
Part 1 tutorial is very detailed and nicely explained. But I Would like to ask, how to do animation or transition in prototype in Adobe XD? Is it possible? Many thanks
Amazing job Dansky ! I wondered : do you know if there's any way to transfer a prototype directly onto a website page through the Divi theme's page builder ? Or is web development the only way to display our UI realization online ?
Thanks in advance :)
Developers are going to get a heart attack when you show this - and where is the actual design specs for all these transitions and animations?
Thanks for the input but where is the "manual animation specs" that you call it? I see a simulation program that can produce some neat animations and patterns, that's fine, but it's kinda impossible to deliver that into a design iteration without exact specifications to the developers. Also, programs like this tend to make designers go bananas and deliver overcomplicated patterns that doesn't serve the project any good. Often when I see ProtoPie work I see alot of stuff that is far away from best practice and in mobile terms far from native. Agree?
nice concept
very nice designs
This feels like working on a Powerpoint presentation but in a more advanced way.
By the way, why didn't you blue-ify the background & the model in the first part? I've noticed that blue color dominates your channel :D
Peregrine Chadwi
Thanks, what is the resolution & screen size of your monitor.
Hi Dansky, do you know if there is an orientation option in ProtoPie?
Hi Dansky,
What software do you use for recording screens ?
ScreenFlow 7
@@ForeverDansky thank you..
With regards to creating an6d launching an app, after XD and protopie, what comes next?
Thanks!
it's cool :D
How can I improve the UI design ?
Hello dansky, how do you make the form to submit?
I have a question--If I want to export an video of the animation, and I want it to have a transparent background, how can I do it? It always shows black background
Hi @Danksy, I realize XD is great for simple mock-ups and basic prototyping. However, is there an Adobe program that offers similar prototyping + animation features to ProtoPie?
Haha, nope!
lol hahahhahaha
Well although its not for prototyping but you can deffinately use Adobe Aftereffects to animate your prototypes.. There are some videos on youtube that should be helpful! Cheers!
Then it's not a prototype anymore right, just a video ;)
ProtoPie Your idea of software that includes both UI design + effective prototyping is really great, but it deffinetely needs some improvement and little tweaks to make workflow even faster and more natural. That's why i'm still using adobe xd, but with the future updates, i may change it :)
You forgot to mention the tiny detail that the import option is not available on Windows, and i just downloaded the program with the limited license....other than that great video
Tiny detail? I was about to purchase Protopie because it can import from XD but because I'm on Windows, no sale. Thanks Ricado. You saved me US$100.
I thought the same, but their site says its compatible with Windows 64x
Can you test protopie on mobile phone?
How we can share this prototype ie how to save and send it to investor
good , now how to turn functions to work ?
Hi anyone can tell me it is necessary to use desktop preview to see it on laptops because i am using preview and it is not showing me anything. Please help me if anyone knows that?
So how can I make it universal I mean I can I make a xd file for all devices
And how to import this in Android studio or swift ???
So, does this mean, prototype is not needed if i use ProtoPie?
how to use these designs in android studio?
what about text box ?
Is there is any way to convert the file into a gif file? TIA :)
Is it me or does noting down all start positions of screens seem time-consuming? It always easier to visually adjust positioning and use numbers for precision.
How to convert all of these to codes?
protopi series of teto..plxxx
Whoever disliked you don’t know what your talking about💯
Hi dansky. I've successfully installed the ProtopPie on my PC. But unfortunately it wont run.. Any solutions for this problem??
Or is there any other alternatives to ProtoPie?
What was the point to use ProtoPie?
How to use this in actual iOS app using Xcode?
hi .how can i import a file from xd to protopie in (windows)
You can only import from XD on macOS. They said the same feature for Window is 'coming soon' (that was at the beginning of 2018)
How can I convert this to code😐🙄
How to use on Android..?
is there a free protopie ? i need one i have no money ty i want free not free trial
the disappearing man
is it work with AI ?
Can you please make profile page? Thank you!
nuoice
so protopie is like animations in powerpoint
😂😂😂
Had to watch in FastForward. Christ
Are you available for some contract work...
So whats the point to create this design? :)
I dont think programmer will sit and code like this :>
Designers can solely create and animate prototypes/concepts to present to developers, clients, users and stakeholders etc.
lol youd be suprised at how many developers would scoff at this, it's something xd really needs to work on (exporting usable maetrial) if they want to be taken seriously
Dang it you can't import on the Windows version!
Same here !
+
I can do all this in PowerPoint
😂
give me a shout out in your next video bro... my name is Vishal Dave...
DAVE VISHAL why should he lmao.
why ddint' you just finish the rest on adobe xd this tut sucks.
Because animation didn't exist within Adobe XD when this video was originally recorded 😉
@@ForeverDansky ok, cool ill check out your xd vids later.. i don't have time to dl and use the other app at the moment either... that's why i say this.. tit for that 🙄
@@ForeverDansky ok, cool ill check out your xd vids later.. i don't have time to dl and use the other app at the moment either... that's why i say this.. tit for that 🙄
very nice designs