Pick a depth. Each prompt opens in your AI pre-loaded with the lesson. Click a row to preview the prompt.
Figma is the tool used by most product teams and it is free for individuals, so setting it up correctly now means every later task just works instead of stalling on a paywall or a confusing menu. The reason this gets its own task is that the four regions of the Figma window (canvas, toolbar, layers panel, properties panel) are where you will spend every remaining hour, and people who skip the tour spend the whole course lost, clicking randomly and losing their work. Ten minutes of deliberate orientation now saves you from that. By the end you will be able to zoom, pan, and find any element with intent, which is the baseline for actually designing.
Go to figma.com and sign up free with an email or Google account; pick the Starter plan (free) when asked, and skip any team invite. Once in, click New design file. Now learn the four regions. The CANVAS is the huge gray area in the middle, your infinite drawing surface. The TOOLBAR runs along the top and holds the move tool (arrow), frame tool (the hashtag-looking icon), shape tools (rectangle, ellipse), the text tool (T), and the hand tool. The LAYERS PANEL is the left column: every element you create appears here as a named row, newest on top, and this is how you find and rename things when the canvas gets crowded. The PROPERTIES PANEL is the right column: it changes based on what you have selected and shows position, size, color fill, and text settings. Now practice the three movements you will use constantly. To ZOOM, hold Command (Ctrl on Windows) and scroll, or press Shift+1 to zoom-to-fit everything and Shift+2 to zoom to your selection. To PAN, hold the space bar and drag, or scroll with two fingers. To SELECT, click an element on the canvas and watch its row highlight in the layers panel; press Escape to deselect. Do each of these five times until your hand does it without thinking.