ProtoPilot Showreel
2:13
5 ай бұрын
Intelligent components in ProtoPie
10:49
Welcome to ProtoPie Components
1:34
Parallax carousel in ProtoPie
0:20
Пікірлер
@katreilly87
@katreilly87 18 сағат бұрын
Just found your channel and I find it incredibly helpful! I loved Framer back in the days when it was more code-based and general, and am seeing ProtoPie brings that same power. Thank you for helping me see how I can apply all that old knowledge into a new interface! Also appreciate how easy your lessons are to follow :)
@ProtoPilot
@ProtoPilot 18 сағат бұрын
@@katreilly87 thanks for such wonderful words! Glad it’s helping :)
@gilbertkaviyarasu
@gilbertkaviyarasu 3 күн бұрын
This is what I exactly looking for.
@play-cu5tv
@play-cu5tv 26 күн бұрын
Thank you
@bryanmanio_
@bryanmanio_ Ай бұрын
This video just unblocked me on a great new concept I'm working on. Thanks a ton.
@muhammadnawaz2548
@muhammadnawaz2548 Ай бұрын
Kindly make a video for face detection with protopie
@AliceMello-j3c
@AliceMello-j3c Ай бұрын
Very helpful!
@HAHA-c4i
@HAHA-c4i 2 ай бұрын
nice work mate
@Metal_Face_Doom
@Metal_Face_Doom 2 ай бұрын
This is great! I'd love to see how to add more than 2 screens for a more immersive flow 🙏
@ProtoPilot
@ProtoPilot 2 ай бұрын
@@Metal_Face_Doom you should be able to add more if you follow the same process
@Metal_Face_Doom
@Metal_Face_Doom 2 ай бұрын
@@ProtoPilot I'm currently struggling to get the 3rd card to work in the same fashion.
@ProtoPilot
@ProtoPilot 2 ай бұрын
@@Metal_Face_Doom I’ll take a look over the weekend ;)
@Metal_Face_Doom
@Metal_Face_Doom 2 ай бұрын
@@ProtoPilot Thank you for this video! It just saved me on a work project!!
@ProtoPilot
@ProtoPilot 2 ай бұрын
@@Metal_Face_Doom that’s amazing! Glad it helped
@ClarisseJouassain
@ClarisseJouassain 2 ай бұрын
I block at clicking on the eye at layer panel. It just hide the component, it doesn't display the list of variables :(
@akaneanime
@akaneanime 3 ай бұрын
Thank you very much for the tutorial. I’m working on my portfolio to start looking for a job, and the explanation was very helpful.
@ProtoPilot
@ProtoPilot 3 ай бұрын
You're very welcome!
@Rishi-gl3kf
@Rishi-gl3kf 3 ай бұрын
very smartly done
@olivarezdom
@olivarezdom 4 ай бұрын
the torch does not activate on my Iphone X Even when I maintain
@lll.dlbrukii6803
@lll.dlbrukii6803 5 ай бұрын
This video was really helpful for me! Thank you! Is Part 2 available?
@ProtoPilot
@ProtoPilot 5 ай бұрын
didn't get around to doing part two 😅. That said I'll probably be revisiting this soon so stay tuned!
@lll.dlbrukii6803
@lll.dlbrukii6803 5 ай бұрын
@@ProtoPilot Thank you! I think I'm the person in the world who is looking forward to Part 2 of this video the most!
@fopesanchezebhota713
@fopesanchezebhota713 5 ай бұрын
Awesomee!!!!
@exploresque95
@exploresque95 5 ай бұрын
Are you planning to release a course on this?
@ProtoPilot
@ProtoPilot 5 ай бұрын
I've already created a range of courses from beginner to advanced on my Patreon channel patreon/protopilot. Or was you looking for something specific within the showreel?
@prajwalsharma2794
@prajwalsharma2794 6 ай бұрын
What if we don't use card3.y? Won't it work the same way?
@adrianabreakspear4641
@adrianabreakspear4641 6 ай бұрын
Would love to see this tutorial with formula please!
@ProtoPilot
@ProtoPilot 6 ай бұрын
Sure I’ll add it to my list. Is there a particular reason you want to use formulas?
@adrianabreakspear4641
@adrianabreakspear4641 6 ай бұрын
@@ProtoPilotNeed to find an easier way of constantly update the content. Different number of tabs, different number of cards per tab etc!
@markomilosavljevic7272
@markomilosavljevic7272 6 ай бұрын
I am trying to create an interactive side menu for a dashboard. Some of my items have subitems and I would like to create reusable components that I can use in multiple cases by just changing the labels, is that possible to do with this technique?
@ProtoPilot
@ProtoPilot 6 ай бұрын
Yes, you sure can :)
@markomilosavljevic7272
@markomilosavljevic7272 6 ай бұрын
@@ProtoPilot Is there a chance you can give me any pointers? Or take a look at my current take?
@stephane_massey
@stephane_massey 7 ай бұрын
It would be great if this was just default as part of the Protopie Transitions. We've been asking for years. @Protopie Nice clean solution btw.
@afrywijoyo
@afrywijoyo 7 ай бұрын
Alien vs Predator 3 : Collateral
@ProtoPilot
@ProtoPilot 7 ай бұрын
😂
@osks
@osks 7 ай бұрын
Brilliant! Thank you!
@khurramux6870
@khurramux6870 8 ай бұрын
This would save a ton of time! Thanks Darren
@holbak
@holbak 8 ай бұрын
Nice video. A small hack to get smaller than 1 is to type 0.0001 that turns it in to 0
@MoeedShahid
@MoeedShahid 8 ай бұрын
great tutorial <3
@michaelezekiel7211
@michaelezekiel7211 8 ай бұрын
Thanks Darren. I have a question, is it possible to save info the users type in input fields to use in another scene.
@ProtoPilot
@ProtoPilot 8 ай бұрын
Yes, totally possible. Just save the input to a ‘for all scenes’ variable.
@michaelezekiel7211
@michaelezekiel7211 8 ай бұрын
@@ProtoPilot Thanks I will try that
@jonbernbach8704
@jonbernbach8704 8 ай бұрын
thanks so much Darren!!!
@ajmalafif
@ajmalafif 8 ай бұрын
Omg you are on a roll here. Is there some kind of secrets like an AI workflow or something here haha
@ajmalafif
@ajmalafif 8 ай бұрын
you are on fire with these tutorials!!
@jonbernbach8704
@jonbernbach8704 9 ай бұрын
THANK YOU!!! Brilliant! Tutorials covering common mobile-app interaction patterns like this are so f-cking helpful!
@oladejosmart7431
@oladejosmart7431 9 ай бұрын
Really nice videos, thank you and well done. will be expecting more this year
@ProtoPilot
@ProtoPilot 8 ай бұрын
You bet! more are coming, every Monday!
@oladejosmart7431
@oladejosmart7431 9 ай бұрын
How do I do this using formula?
@dsavkay
@dsavkay 11 ай бұрын
I stopped at 9:09 reminder nice video will continue
@ariferdem3207
@ariferdem3207 11 ай бұрын
😍
@rjtkoh
@rjtkoh 11 ай бұрын
it would be great if you demoed the actual prototype at the start of the video so we can see what your tutorial is all about specifically
@VinaySC
@VinaySC Жыл бұрын
I am more confused than I was 5 mins ago when I started watching this video. What even is this?
@Trashpanda_404
@Trashpanda_404 Жыл бұрын
Thanks for the video! I know this is 3 years old now and things have really advanced, but I’m trying to find documentation on how to integrate Langchain or Flowise. I know a lot of the prototypes run off of data from Protopie, but lost when it comes to implementing.
@ProtoPilot
@ProtoPilot Жыл бұрын
For data integration you will need ProtoPie Connect. www.protopie.io/learn/docs/connect/getting-started
@Zerulian_XIV
@Zerulian_XIV Жыл бұрын
Excellent tutorial! You helped me make a shopping cart list I'm prototyping for work a whole lot more dynamic! Thank you,.
@ProtoPilot
@ProtoPilot Жыл бұрын
That’s great! Glad it helped.
@TuanAnh-rd8dl
@TuanAnh-rd8dl Жыл бұрын
I need a tustorial <3
@김김김-u5m
@김김김-u5m Жыл бұрын
why dont you use jump trigger?? is there any specific reason?
@ProtoPilot
@ProtoPilot Жыл бұрын
It’s quite and old video! By the looks of it I’m showing you how to create a custom transition as well as the fact you don’t need to use variables inside of a single scene. If you want to use Jump you need to use For All Scenes variables.
@andrerpires1
@andrerpires1 Жыл бұрын
Great!
@GregRosenblum
@GregRosenblum Жыл бұрын
Thank you! It’s great to see the process to get to the “hack” you made my day, have been struggling with this “lack of animation” when removing the comp. With the Boolean prop for visibility. Now you gave me the idea of how. Thank you!!! 🙏
@ProtoPilot
@ProtoPilot Жыл бұрын
Thanks Greg! Hope it worked out!
@Katia-ml6gu
@Katia-ml6gu Жыл бұрын
Would love the tutorial :)
@phuongo4233
@phuongo4233 Жыл бұрын
Nice! but could we do with more than 2 screens?
@ProtoPilot
@ProtoPilot Жыл бұрын
Yes, you can add more screens. Just follow the same process as you did for the second one
@dizzymm5274
@dizzymm5274 Жыл бұрын
The animation is still non-existant/instant, you just can't see it behind the overlay. There's now no way to add the last samuari back to My List (via variables) with it now being unlinked. Appreciate seeing your thought process though, hopefully Figma implement something soon as having to smoke and mirrors your way around variables in a prototype isn't ideal.
@8073857
@8073857 Жыл бұрын
as I understood it - you can, but instead of using booleans to disapear the components - you should change the value of text_variables between two component "states" which are the names of component variants, which hide or reveal needed blocks, no matter with or without the animations.
@ProtoPilot
@ProtoPilot Жыл бұрын
Hey! The animation is in the overlay. I wouldn’t add animation to the underlying view as that removal has already been communicated.
@phuongo4233
@phuongo4233 Жыл бұрын
Hi! This is really nice. Can we do this with more than 2 screens?
@ProtoPilot
@ProtoPilot Жыл бұрын
Yes you can!
@helgasonb
@helgasonb Жыл бұрын
Great video thank you. I really enjoyed how you took us on the journey of discovering the solution. Now lets hope Figma will soon add smart animate to variables.
@ProtoPilot
@ProtoPilot Жыл бұрын
Thanks! I know sometimes we just want the answer but we learn so much useful things along the way. Glad you enjoyed it and thanks for commenting!
@theprinceofcode9348
@theprinceofcode9348 Жыл бұрын
Where can I get the starter ProtoPie file?
@ProtoPilot
@ProtoPilot Жыл бұрын
Hiya, All pie files are available on ProtoPilot Patreon
@ProtoPie
@ProtoPie Жыл бұрын
Awesome video, Darren! 👏