Figma Professional Practice Test — Questions and Answers

Question 1: What tool do you need in Figma when you need to resize?

Transform
Scale (Correct answer)
Resize
Pen

Correct answer: Scale

In Figma, the 'Scale' tool (accessed by pressing 'K') is used to resize objects proportionally, including their strokes, effects, and corner radii. Unlike simply dragging handles, which might distort elements or only change dimensions, the Scale tool ensures all properties scale uniformly, maintaining the visual integrity of your design.

Question 2: How can you identify a main component on the Figma canvas?

It has a dashed border
It shows a four-diamond icon in the Layers panel (Correct answer)
It is always on a separate page
It is highlighted in blue

Correct answer: It shows a four-diamond icon in the Layers panel

Main components are identified by a four-diamond (✦) icon in the Layers panel, distinguishing them from instances.

Question 3: What is the difference between a Figma plugin and a Figma widget?

Plugins run as sandboxed scripts accessed via a menu; widgets are persistent canvas objects all collaborators see (Correct answer)
There is no meaningful difference
Plugins run only on desktop; widgets run in the browser
Plugins cost money; widgets are free

Correct answer: Plugins run as sandboxed scripts accessed via a menu; widgets are persistent canvas objects all collaborators see

Plugins run in a sandboxed panel and are invoked by one user at a time, while widgets are persistent canvas objects visible and interactive for all collaborators simultaneously.

Question 4: How does Figma handle simultaneous edits to the same layer by two users?

The last change made takes precedence (Correct answer)
The first user's change wins and the second is discarded
Both changes are merged automatically
Figma locks the layer for one user at a time

Correct answer: The last change made takes precedence

When two users edit the same element simultaneously, Figma uses last-write-wins — the most recent change overwrites the earlier one.

Question 5: How do you collapse or expand a group in the Layers panel?

Double-click the canvas
Click the disclosure arrow next to the group (Correct answer)
Use the zoom control
Press the spacebar

Correct answer: Click the disclosure arrow next to the group

The disclosure arrow beside a group toggles its expanded state in the Layers panel.

Question 6: How can a Figma file owner restrict a shared link so that only people within their organization can access it?

By setting the link to 'Only invited people' (Correct answer)
By moving it to a private folder
By using Dev Mode only
By exporting it as a password-protected PDF

Correct answer: By setting the link to 'Only invited people'

Changing the link-sharing setting to 'Only invited people' or 'Anyone at [org]' in the Share dialog restricts access to specific users or organization members.

Question 7: What is a 'branch' in Figma, and what plan is it available on?

An isolated version of a file for experimenting, available on Professional and above (Correct answer)
A read-only snapshot, available on Starter
A linked external file, available on all plans
A copy of a page, available on Starter

Correct answer: An isolated version of a file for experimenting, available on Professional and above

Branches let team members work on isolated versions of a file and merge changes back — available on Figma's Professional, Organization, and Enterprise plans.

Question 8: What is the function of the Outline view (or pixel preview) toggle?

Changes how the canvas renders for inspection (Correct answer)
Deletes hidden layers
Locks all frames
Opens the Assets panel

Correct answer: Changes how the canvas renders for inspection

Pixel preview and outline modes change how the canvas is rendered for inspection.

Question 9: What is the purpose of a 'mask' in Figma?

To lock a layer's position
To delete layers permanently
To export at higher resolution
To clip layers to the shape of the masking object (Correct answer)

Correct answer: To clip layers to the shape of the masking object

A mask uses one object's shape to reveal or hide the layers above it.

Question 10: To create a reusable interactive element with multiple states, what feature is best?

Layout grids
Component with variants and interactive components (Correct answer)
Boolean groups
Export settings

Correct answer: Component with variants and interactive components

Interactive components let variants change state on triggers without manual links.

Question 11: Which feature creates interactive, clickable connections between frames?

Boolean operations
Vector networks
Layer blur
Prototype connections (Correct answer)

Correct answer: Prototype connections

Prototyping links frames so designs can be clicked through like a real flow.

Question 12: What does 'Fill container' do to a child element inside a Figma Auto Layout frame?

Fixes the child at its current size
Converts the child into a component
Hides the child element
Makes the child expand to fill all available space in the Auto Layout direction (Correct answer)

Correct answer: Makes the child expand to fill all available space in the Auto Layout direction

'Fill container' causes the child to stretch to occupy the remaining space within the Auto Layout frame along its primary axis.

Question 13: Which section should we use to create the web design?

Inspector
Figjam
Design (Correct answer)
Prototype

Correct answer: Design

The 'Design' panel in Figma is the primary workspace where you create and modify your user interface. It contains all the tools and properties for drawing shapes, adding text, applying colors, managing layers, and adjusting component settings. This is where the visual construction of your web design takes place.

Question 14: What programming language are Figma plugins written in?

Python
Swift
JavaScript or TypeScript (Correct answer)
Dart

Correct answer: JavaScript or TypeScript

Figma plugins are built with JavaScript or TypeScript using the Figma Plugin API, enabling interaction with the canvas and file structure.

Question 15: What does the Figma-to-Storybook integration (via the Storybook plugin) allow teams to do?

Auto-generate React code from Figma components
Link Figma components to their corresponding Storybook component stories for design-code parity (Correct answer)
Import Storybook components into Figma as editable layers
Export Figma frames as Storybook stories in JSON

Correct answer: Link Figma components to their corresponding Storybook component stories for design-code parity

The Storybook plugin links Figma components to their live Storybook counterpart stories, helping teams verify that design and code components stay in sync.

Question 16: What does the Inspect (Dev Mode) panel provide to developers?

CSS, measurements, and asset export details (Correct answer)
Team billing
Comment moderation
Plugin installation

Correct answer: CSS, measurements, and asset export details

Inspect/Dev Mode surfaces code snippets, spacing, and exportable assets for handoff.

Question 17: What are the drawbacks of high fidelity prototypes?

More efficient in gathering performance information
It takes time to make (Correct answer)
More genuine
Encourage input on a certain flow

Correct answer: It takes time to make

One of the main drawbacks of high-fidelity prototypes is the considerable time and effort required for their creation. They involve detailed visual design, intricate interactions, and often demand specialized tools, making them significantly more resource-intensive than low-fidelity alternatives. This extended creation time can slow down the early stages of the design process.

Question 18: Let's say you're developing an app for students in the third grade. Who in your social circle would make the best test subjects?

Three female bowling league members
Three eighth-graders from the scout group of your neighbor (Correct answer)
Men from your book club—three of them
Your grandma's church choir's three tenors

Correct answer: Three eighth-graders from the scout group of your neighbor

While ideally, you'd test with actual third-graders, the best available option from the choices are eighth-graders. They are still within a relevant age range (children/young adolescents) and would likely provide more accurate feedback on an app designed for younger students than adults. They can offer insights into child-friendly interfaces and engagement, even if not the exact target demographic.

Question 19: To make a long frame scrollable in a prototype, which property must the frame have?

An applied component variant
A fixed position
Clip content enabled with overflow scrolling set (Correct answer)
A boolean operation

Correct answer: Clip content enabled with overflow scrolling set

Clipping content and setting vertical/horizontal scroll behavior enables scrolling.

Question 20: What is the 'Team Library' feature in Figma used for?

Storing project files in a shared folder
Publishing components and styles from one file to be used across all team files (Correct answer)
Managing team member permissions
Backing up files to the cloud

Correct answer: Publishing components and styles from one file to be used across all team files

Team Libraries let designers publish components, styles, and variables from a designated file so they're accessible in every team member's file via the Assets panel.

Question 21: How do you leave a comment on a specific element in a Figma file?

Double-click the element
Press C to enter comment mode, then click on the element (Correct answer)
Press F to enter frame mode
Use the Layers panel context menu

Correct answer: Press C to enter comment mode, then click on the element

Pressing C activates comment mode, allowing you to click anywhere on the canvas — including on specific elements — to place a comment pin.

Question 22: In Figma, what is a 'component set'?

A folder of unrelated components
A set of components shared across teams
A published component library
A group of variants combined into a single container (Correct answer)

Correct answer: A group of variants combined into a single container

A component set is a special container that holds all variants of a component, enabling designers to switch between them in the Design panel.

Question 23: How do you reveal the right-click context menu options for an object?

Right-click the object on the canvas (Correct answer)
Double-click the Pages list
Hover over the zoom percentage
Press the spacebar

Correct answer: Right-click the object on the canvas

Right-clicking an object opens a context menu with relevant actions.

Question 24: In Figma, what is the purpose of the 'Observers' list shown at the top of a file?

It lists users who have edit access
It shows users who have commented
It shows users currently viewing the file in real time (Correct answer)
It lists users who exported the file

Correct answer: It shows users currently viewing the file in real time

The observer avatars at the top of a Figma file show everyone currently viewing or editing the file at that moment.

Question 25: What does the Figma plugin API's 'figma.currentPage.selection' property return?

An array of the currently selected nodes on the canvas (Correct answer)
The file's publication status
The name of the currently active page
The currently focused text layer

Correct answer: An array of the currently selected nodes on the canvas

figma.currentPage.selection returns an array of SceneNode objects representing whatever elements are currently selected on the active canvas page.

Question 26: When resolving a comment in Figma, what happens to it?

It is emailed to the file owner
It is permanently deleted
It is converted to a sticky note
It is marked as resolved and hidden from the default view but can be shown again (Correct answer)

Correct answer: It is marked as resolved and hidden from the default view but can be shown again

Resolving a comment archives it from the active comment list — it's not deleted and can be viewed again by toggling 'Show resolved comments'.

Question 27: What is the difference between 'Published' and 'Unpublished' components in a Figma team library?

Published components are visible to team members via the Assets panel; unpublished are only local (Correct answer)
There is no difference
Published components are exported to CSS; unpublished stay in Figma
Published components are locked; unpublished can be edited

Correct answer: Published components are visible to team members via the Assets panel; unpublished are only local

Publishing a component to a team library makes it accessible to all team members through their Assets panel, while unpublished components are only available within the current file.

Question 28: How do you select a single object inside a group without entering the group repeatedly?

Right-click the canvas
Double-click or Cmd/Ctrl+click the object (Correct answer)
Press Escape
Use the zoom tool

Correct answer: Double-click or Cmd/Ctrl+click the object

Double-clicking drills into nested objects, and Cmd/Ctrl+click selects deep.

Question 29: Which Figma Auto Layout property controls the order in which children are stacked on the Z-axis when they overlap?

Gap setting
Alignment grid
Canvas stacking order shown in the Layers panel (Correct answer)
Padding setting

Correct answer: Canvas stacking order shown in the Layers panel

The Z-axis stacking order for Auto Layout children is determined by their order in the Layers panel — items higher in the list appear on top.

Figma Professional Practice Test

Assesses proficiency in Figma's core design and collaboration features, including interface navigation, auto layout, components and variants, prototyping, teamwork workflows, and plugin integrations used by UI/UX designers.

Questions

35 min

Time Limit

70%

To Pass

Checking for saved progress...

Exam Rules

You can skip questions and return to them later
Flag questions for review before submitting
No feedback shown until you submit the entire exam
Unanswered questions count as wrong — answer everything
10 pretest questions are mixed in and don't affect your score
Timer auto-submits when time runs out
Your progress is auto-saved every 30 seconds