The Designer’s Guide to Figma

Chapter 3: High-fidelity Prototyping

In this third chapter, we’ll focus on high-fidelity design, which is often regarded as the fun aspect of UI design—where we can be creative as we style our design. However, it’s important that we maintain consistency by reusing styles when it makes sense to do so, speeding up our high-fidelity design workflow as an added benefit.

To that effect, we’ll learn how to create and use Styles and Components, and how to create Design System Libraries to hold them. (We’ll also create documentation that explains how to use them correctly, since Libraries enable other design documents, teams, and even our entire organization to use them too.)

We’ll also take a deeper look at images and interactions.

Let’s begin.

Step ...