Hi everyone. In this video we are going to look at flows in a little bit more depth. We covered them in the essentials course a little bit already in this course, but there's lots more we can do. Let's jump in and get to know flows a little better. Alright, first up, uh, let's switch to prototype mode shifty. Okay?
And if you haven't, you can see I've got loads of flows already. If you haven't, okay, you probably got loads by the time in this course, but if you don't, you click on a frame and you say, I'd like to start a flow from here. And it just means we can link to and link a prototype to start from here rather than page one, which is the default. And while we're developing this, this might be enough. We can just hit play and start viewing from there. Where we can go in a little bit more depth with flows is that when we are sharing with clients.
So I'm going to have nothing selected. Okay? And you can start to see over here, look, there's all my flows that I've got. I happen to know Flow eight I think is the one that I'm working on. And watch this. I can click on this and it will jump me to it, which is handy.
I'm gonna rename this. You can either rename it on here by double clicking it or rename it over here. Mine's going to be my mobile checkout. And why you would name it is that in prototype mode, when you send a link out to someone, can you see all the flows are over here on the side, okay? And obviously flow 1, 2, 3. Isn't that useful?
This one more useful. You can add more useful information, okay, by going back into here, I'm gonna click on my mobile checkout flow. And there is this option in here to add more details. So you can put in a lot of documentation here. Look, bullet points bold. If you hold command I, you can do italics, it's Ctrl I on a pc.
There's all sorts of other stuff. If you know the shortcut, come on. Shift X for strike through. I'm not sure why I know that one. It's control shift X on a pc. So if you know the kind of basic shortcuts for text, you can put a lot of information in here.
What I'd probably only use it for though is pasting a bit of a description and you can add a link. Where am I gonna get that link from? Okay, what I'm gonna do is get people to be able to click on that link and jump to this page here. So I'm gonna select on my section. It could be a frame, it could be anything. Remember in the last video if we go share, and this is turned on, it'll link to the current selection.
So if I copy that, let's see in action, let's click on this. Let's go to this and I'm going to highlight that. Add a hyperlink, paste it in, save it. Okay, why that's useful is when people are working on my prototype, okay, they can click on mobile checkout, they can see there's a description and they can click on this and it will jump to the right page. Just good documentation. The other thing you can do with flows is you can actually link directly to them rather than getting this big stack of stuff than having to kind of work which one they want.
Okay? You can have nothing selected. Be in prototype mode. And over here you can say, actually I wanna link just to this particular page, copy and paste it to a cover page where maybe like this one here, I just hit paste. I don't even have to hit the special shortcuts for hyperlink. It just assumes you want to paste it over.
The text Puts a little underline, you're in charge of making it the nasty HTML from the eighties and nineties blue. But now this link will jump straight to that prototype to the right flow. One last thing is you can delete flows. So I'm gonna go back to my page one, shift one to see everything. Switch to prototype mode, shift E. Okay?
You can select them and delete them. If you don't need them anymore, you can select them and go to minus over here to delete them. And lastly, you can move them around, select on them and go, now it's over here. Make a new file, move it. One along that is flows in Figma.