Image import and placement in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the first step to add an image in Figma?

You can import an image by dragging it into the canvas or using the menu: File > Place Image.

beginner

How do you resize an image in Figma while keeping its proportions?

Hold the Shift key while dragging a corner handle to resize the image proportionally.

intermediate

What is the difference between 'Fill' and 'Fit' when placing an image in a frame?

'Fill' scales the image to cover the frame completely, possibly cropping it. 'Fit' scales the image to fit inside the frame without cropping, possibly leaving empty space.

intermediate

How can you move an image behind other objects in Figma?

Right-click the image and select 'Send to Back' or use the shortcut Shift + Ctrl + [ (Windows) or Shift + Cmd + [ (Mac).

beginner

Why is it important to use images with good resolution in BI dashboards?

Good resolution images ensure clarity and professionalism, making data easier to understand and the dashboard more appealing.

Which menu option allows you to import an image in Figma?

A Edit > Import Image

B View > Add Image

C File > Place Image

D Insert > Image

The correct way to import an image is through File > Place Image.

How do you keep an image's proportions when resizing in Figma?

A Hold Shift while dragging a corner

B Hold Ctrl while dragging a side

C Double-click the image

D Drag without any keys

Holding Shift while dragging a corner keeps the image's proportions.

What does the 'Fill' option do when placing an image in a frame?

A Centers image without scaling

B Scales image to cover frame, cropping if needed

C Scales image to fit inside frame without cropping

D Tiles the image repeatedly

'Fill' scales the image to cover the frame, cropping parts if necessary.

Which shortcut sends an image to the back layer on Mac?

A Cmd + B

B Shift + Cmd + ]

C Cmd + Z

D Shift + Cmd + [

Shift + Cmd + [ sends the selected object to the back on Mac.

Why should you avoid low-resolution images in dashboards?

A They look blurry and unprofessional

B They load faster

C They use less memory

D They are easier to edit

Low-resolution images appear blurry and reduce the dashboard's quality.

Explain the steps to import and place an image in Figma for a BI dashboard.

Think about how you add and adjust pictures in a design.

Describe why image quality and placement matter in business intelligence dashboards.

Consider how pictures affect the look and feel of reports.