Figma Figma Exporting and Developer Handoff 1 — Questions and Answers
Question 1: Which file format is most appropriate for exporting icons from Figma when transparency and scalability are required?
- PNG
- SVG (Correct answer)
- JPEG
Correct answer: SVG
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?
- Layers panel
- Assets panel
- Inspect panel (Correct answer)
- Design panel
Correct answer: Inspect panel
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?
- Doubles the layer's visible size on the canvas
- Exports the asset at twice the original pixel dimensions (Correct answer)
- Creates two separate copies of the exported file
- Applies a 2x zoom level to the current viewport
Correct answer: Exports the asset at twice the original pixel dimensions
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?
- Right-click the layer and select Download
- Select the layer and click the + button in the Export section of the right panel (Correct answer)
- Use File > Export All to batch export all layers
- Drag the layer directly to the desktop to trigger export
Correct answer: Select the layer and click the + button in the Export section of the right panel
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?
- PNG
- SVG
- GIF (Correct answer)
Correct answer: GIF
Figma supports PNG, JPG, SVG, and PDF exports natively but does not export animated GIFs without third-party plugins.
Question 6: What is the primary purpose of using slices in Figma for exporting assets?
- To split a layer into multiple smaller layers automatically
- To define a custom rectangular export region independent of layer boundaries (Correct answer)
- To group layers together for easier organizational management
- To apply a clipping mask to a frame before exporting
Correct answer: To define a custom rectangular export region independent of layer boundaries
Slices let you draw a custom area to export, giving you precise control over the exported region regardless of actual layer bounds.
Question 7: What can a developer do when they are given 'can view' (view-only) access to a Figma file?
- Edit all layers and modify component properties
- View designs and use the Inspect panel to extract specs and copy code (Correct answer)
- Publish the file to the Figma Community
- Create new pages or add frames to the file
Correct answer: View designs and use the Inspect panel to extract specs and copy code
View-only access lets developers inspect designs and extract specs via the Inspect panel without any ability to edit the file.
Figma Figma Exporting and Developer Handoff 1
Which file format is most appropriate for exporting icons from Figma when transparency and scalability are required?