1 00:00:00,719 --> 00:00:05,040 Hi everyone, welcome to Flowzap again. 2 00:00:03,439 --> 00:00:07,279 The quickest way to produce your 3 00:00:05,040 --> 00:00:09,280 workflow diagrams. 4 00:00:07,279 --> 00:00:12,080 In the last tutorial, we've covered how 5 00:00:09,280 --> 00:00:15,200 to generate or edit FlowZap code, the 6 00:00:12,080 --> 00:00:17,600 code version of your diagram. In today's 7 00:00:15,200 --> 00:00:19,840 tutorial, we will see how to use the AI 8 00:00:17,600 --> 00:00:22,640 FlowZap code generator to generate 9 00:00:19,840 --> 00:00:25,279 FlowZap code from nothing. Well, almost 10 00:00:22,640 --> 00:00:27,359 nothing, you'll see. 11 00:00:25,279 --> 00:00:29,279 Let's create another diagram for this 12 00:00:27,359 --> 00:00:31,760 demonstration. 13 00:00:29,279 --> 00:00:34,320 I'll call this diagram finding a new 14 00:00:31,760 --> 00:00:36,480 candidate. 15 00:00:34,320 --> 00:00:39,360 From here I will click on the flow zap 16 00:00:36,480 --> 00:00:42,160 icon code icon here in the main toolbar. 17 00:00:39,360 --> 00:00:46,200 And voila, the flow zap code generator 18 00:00:42,160 --> 00:00:46,200 user interface appears. 19 00:00:47,120 --> 00:00:51,840 The button here that says generate 20 00:00:49,120 --> 00:00:54,840 flowzap code with AI is where the magic 21 00:00:51,840 --> 00:00:54,840 happens. 22 00:00:57,680 --> 00:01:02,160 This new user interface presents some 23 00:00:59,920 --> 00:01:05,280 instructions and an example process in 24 00:01:02,160 --> 00:01:07,200 the input field. 25 00:01:05,280 --> 00:01:09,680 You're basically invited to describe 26 00:01:07,200 --> 00:01:12,000 your workflow or business process in 27 00:01:09,680 --> 00:01:13,920 your everyday language. 28 00:01:12,000 --> 00:01:17,040 Let's start with the example displayed 29 00:01:13,920 --> 00:01:20,720 here and submit this example prompt to 30 00:01:17,040 --> 00:01:23,200 generate the related flow zap code. 31 00:01:20,720 --> 00:01:25,840 The process can take 3 to 10 seconds, 32 00:01:23,200 --> 00:01:28,960 not more than that. 33 00:01:25,840 --> 00:01:32,520 Here it comes. 34 00:01:28,960 --> 00:01:32,520 Wait for it. 35 00:01:33,439 --> 00:01:39,200 Okay, we have the resulting code. 36 00:01:36,960 --> 00:01:42,200 I can see we have our components and the 37 00:01:39,200 --> 00:01:42,200 handles. 38 00:01:42,640 --> 00:01:48,960 Now, let's click on update diagram to 39 00:01:45,600 --> 00:01:51,119 see the actual workflow diagram. 40 00:01:48,960 --> 00:01:54,159 Great. We have a very interesting result 41 00:01:51,119 --> 00:01:56,960 here. It starts with receiving a quote, 42 00:01:54,159 --> 00:01:58,799 gathering basic information, inform the 43 00:01:56,960 --> 00:02:01,200 prospect. 44 00:01:58,799 --> 00:02:03,840 That looks great. 45 00:02:01,200 --> 00:02:05,600 This is a good start. I can easily edit 46 00:02:03,840 --> 00:02:08,160 the diagram at this point to make it 47 00:02:05,600 --> 00:02:10,720 look pretty. Of course, in this use 48 00:02:08,160 --> 00:02:13,840 case, our user perfectly knows his or 49 00:02:10,720 --> 00:02:16,800 her job or at least how to describe it. 50 00:02:13,840 --> 00:02:18,640 But another use case could be that the 51 00:02:16,800 --> 00:02:21,520 user actually doesn't know the business 52 00:02:18,640 --> 00:02:24,160 process very well. Let's explore this 53 00:02:21,520 --> 00:02:26,879 use case. Let's go back to our initial 54 00:02:24,160 --> 00:02:29,200 goal which was to define the workflow of 55 00:02:26,879 --> 00:02:31,280 finding a new candidate. And let's say 56 00:02:29,200 --> 00:02:34,800 that I'm looking for ideas on how to do 57 00:02:31,280 --> 00:02:37,040 that. In such a context, we can try 58 00:02:34,800 --> 00:02:41,760 another simpler prompt pertaining to 59 00:02:37,040 --> 00:02:44,000 this process of finding a new candidate. 60 00:02:41,760 --> 00:02:46,800 Let's just ask the AI flowzap code 61 00:02:44,000 --> 00:02:49,360 generator how to do that. I'm not going 62 00:02:46,800 --> 00:02:51,200 to be very precise in this situation. 63 00:02:49,360 --> 00:02:52,959 So, here's how I'm going to define my 64 00:02:51,200 --> 00:02:55,200 prompt. 65 00:02:52,959 --> 00:02:57,680 As an HR coordinator working in a 66 00:02:55,200 --> 00:03:00,000 furniture manufacturing company, I need 67 00:02:57,680 --> 00:03:02,239 to identify a workflow that I can use to 68 00:03:00,000 --> 00:03:04,800 find new candidates for job openings in 69 00:03:02,239 --> 00:03:07,200 this company, define the steps I should 70 00:03:04,800 --> 00:03:10,879 follow, and include some ideas about 71 00:03:07,200 --> 00:03:13,040 where I should look for candidates. 72 00:03:10,879 --> 00:03:16,879 Let's see what the FlowZap AI code 73 00:03:13,040 --> 00:03:21,200 generator comes up with. 74 00:03:16,879 --> 00:03:25,519 Great. I have my components here. 75 00:03:21,200 --> 00:03:28,319 Let's see what my diagram looks like. 76 00:03:25,519 --> 00:03:31,519 Oh, that's interesting. 77 00:03:28,319 --> 00:03:34,400 We have a identify job opening step. 78 00:03:31,519 --> 00:03:37,599 Create candidates profile requirements. 79 00:03:34,400 --> 00:03:40,239 Search on job boards on LinkedIn on 80 00:03:37,599 --> 00:03:43,519 company website. 81 00:03:40,239 --> 00:03:45,200 That's great. 82 00:03:43,519 --> 00:03:47,120 From there, I can just clean up the 83 00:03:45,200 --> 00:03:49,440 diagram by editing the arrows and 84 00:03:47,120 --> 00:03:51,360 alignments. Nothing we haven't done 85 00:03:49,440 --> 00:03:53,760 before. 86 00:03:51,360 --> 00:03:55,599 That's basically it. 87 00:03:53,760 --> 00:03:57,200 For the most part, it definitely makes 88 00:03:55,599 --> 00:03:58,959 sense. 89 00:03:57,200 --> 00:04:00,720 And that was produced in just a couple 90 00:03:58,959 --> 00:04:02,959 of minutes. 91 00:04:00,720 --> 00:04:05,840 That's the power of the AI FlowZap code 92 00:04:02,959 --> 00:04:08,400 generator. All right, I'll stop here for 93 00:04:05,840 --> 00:04:11,439 now. See you next time for more tips on 94 00:04:08,400 --> 00:04:11,439 how to use flow zap.