Figma Figma Exporting and Developer Handoff

Question 1

Which file format is most appropriate for exporting icons from Figma when transparency and scalability are required?

Accepted Answer

SVG

Answer

SVG is a vector format that supports transparency and scales infinitely without quality loss, making it ideal for icons.

Question 2

Where can developers find CSS code snippets and spacing values for a selected layer in Figma?

Accepted Answer

Inspect panel

Answer

The Inspect panel displays CSS, iOS, and Android code snippets along with design specs for developers to reference.

Question 3

What does setting an export scale of 2x accomplish when exporting an asset from Figma?

Accepted Answer

Exports the asset at twice the original pixel dimensions

Answer

A 2x export scale doubles the pixel dimensions of the exported image, which is necessary for high-DPI and Retina displays.

Question 4

How do you add export settings to a specific layer or frame in Figma?

Accepted Answer

Select the layer and click the + button in the Export section of the right panel

Answer

You add export settings by selecting a layer and clicking the + icon in the Export section of the right-side properties panel.

Question 5

Which of the following file formats is NOT natively available as an export option in Figma?

Accepted Answer

GIF

Answer

Figma supports PNG, JPG, SVG, and PDF exports natively but does not export animated GIFs without third-party plugins.

Figma Practice Test