How to Add Avatars in Figma?

If you’re using Figma to design user interfaces or mobile applications, you’ll want to include avatars in your designs. Avatars are small images that represent a user or character and add a personal touch to your designs.

Adding avatars to Figma is easy and can be done in just a few clicks. Here’s how:

Step 1: Create a New Frame in Figma

The first step is to create a new frame in Figma. You can do this by clicking on the “Create New” button on the left-hand side of the main window. Once you’ve created the frame, you’ll need to resize it so that it fits the size of your avatar image.

Step 2: Upload Your Avatar Image

Once your frame is ready, you can upload your avatar image by dragging and dropping it into the frame or selecting it from the “Browse” menu at the top of the screen. You can also select an avatar from Figma’s library of images if you don’t have one of your own. Once your image is uploaded, you can resize it as needed to fit perfectly within your frame.

Step 3: Add Text Boxes for User Information

Once your avatar image is uploaded, you can add text boxes for user information such as name, email address, or phone number. To do this, click on the “Text” icon at the top of the main window and then drag and drop it into place within your frame. You can then enter any text that you want to display alongside the avatar image.

Step 4: Style Your Avatar Image

Finally, if desired, you can style your avatar image with effects such as shadows or outlines by selecting it and then clicking on “Effects” at the top of the main window. This will open up a menu with various options that allows you to customize how your avatar looks within your design.


Adding avatars to Figma is simple and straightforward process that involves creating a new frame, uploading an image, adding text boxes for user information, and styling the image with effects if desired. With just a few clicks, you can give any design an extra personal touch by adding avatars to represent users or characters!