Web Design » Figma » How Do I Add Illustrations to Figma?

How Do I Add Illustrations to Figma?

Last updated on September 29, 2022 @ 9:55 am

Assuming you have your illustrations ready in either .png or .jpg format, here’s how you would add them to your Figma design project.

1. First, create a new frame in your project and select the desired dimensions for your image.

2. Then, click on the “Upload” button in the top bar and select your image file from its location on your computer.

3. Once the image is uploaded, you can move it around inside the frame and resize it as needed.

And that’s it! You’ve successfully added an illustration to your Figma project.

PRO TIP: When adding illustrations to Figma, be sure to take care in order to avoid copyright infringement. Make sure that all illustrations used are either original creations or come from a source that allows for free use. Additionally, be mindful of how illustrations are sized and placed within the design – too many large illustrations can make a design look cluttered and busy.

There are a few things to keep in mind when adding illustrations to Figma. First, make sure that the dimensions of your frame match those of your image file.

Otherwise, you may end up with a distorted or stretched image. Second, remember that you can always adjust the opacity of an image by selecting it and then using the “Opacity” slider in the right sidebar. This can be helpful if you want to create a more subtle effect with your illustration.

Adding illustrations to Figma is a quick and easy way to add some visual interest to your designs. By following the steps above, you can easily upload and position your images inside frames of any size. Just keep in mind the dimensions of your image files when creating frames, and experiment with different opacities to find the perfect look for your project!

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.