Developing the app structure

Now that you have learned about the basic tools for creating graphical elements in Figma, you are ready to summarize and put into practice all this knowledge when creating a wireframe! However, if you need to practice more with shapes and vectors before continuing, it's best to allow yourself time to experiment a little with these tools until you feel more confident. When you're ready to move on, you can return to this section and continue practicing even more but, this time, with something directly related to our application. We will start by learning how to create a skeleton for our streaming service and end up with our first functional wireframe.

Flow to skeleton

Do you remember the flow you built earlier (see Chapter 2, Structuring Moodboards, Personas, and User Flows within FigJam) in FigJam? By creating it, you defined the potential future structure of the application. However, the flow is something quite abstract, and it was mainly...