Image import and placement in Figma - Cell-by-Cell Formula Trace

Concept Flow

Step 1: Get Image URL from cell A2
Step 2: Get X position from cell B2
Step 3: Get Y position from cell C2
Step 4: Get Width from cell D2
Step 5: Get Height from cell E2
Step 6: Place image on canvas with these parameters

This flow shows how the image import and placement process uses data from specific cells to position and size an image on the Figma canvas.

Formula

PlaceImage(URL=A2, X=B2, Y=C2, Width=D2, Height=E2)

This command imports an image from the URL in cell A2 and places it on the canvas at the X and Y coordinates from cells B2 and C2, sized by the Width and Height from cells D2 and E2.

Step-by-Step Trace

Step	Expression	Evaluates To	Explanation
1	URL = A2	"https://example.com/logo.png"	Image URL is read from cell A2.
2	X = B2	100	X position is read from cell B2.
3	Y = C2	150	Y position is read from cell C2.
4	Width = D2	200	Width is read from cell D2.
5	Height = E2	100	Height is read from cell E2.
6	PlaceImage("https://example.com/logo.png", 100, 150, 200, 100)	Image placed at (100,150) with size 200x100	Image is imported and placed on the canvas with the specified parameters.

The image is successfully placed on the canvas using the parameters from the cells.

Variable Tracker

Variable	Value
URL	"https://example.com/logo.png"
X	100
Y	150
Width	200
Height	100

Key Moments

Where does the image URL come from?

What determines the image's position on the canvas?

How is the image size set?

Sheet Trace Quiz - 3 Questions

What value is used for the image's X position?

A 200

B 150

C 100

D https://example.com/logo.png

Key Result

Image import and placement in Figma uses cell values for URL, position, and size to place an image on the canvas.

Transcript

We start by reading the image URL from cell A2. Then we get the X and Y positions from cells B2 and C2. Next, we read the Width and Height from cells D2 and E2. Finally, we use these values to place the image on the canvas at the specified position and size.