Sharing files and permissions in Figma - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to share a Figma file with view-only access.

Figma

figmaFile.share({ access: '[1]' })

Drag options to blanks, or click blank then click option'

Aedit

Bview

Ccomment

Downer

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing 'edit' which allows changes instead of just viewing.

Using 'owner' which is for full control, not sharing.

Setting access to view allows others to see the file without editing rights.

2fill in blank

medium

Complete the code to add a user with comment permission to a Figma file.

Figma

figmaFile.addUser('[e-mail]', '[1]')

Drag options to blanks, or click blank then click option'

Aowner

Bview

Cedit

Dcomment

Attempts:

3 left

💡 Hint

Common Mistakes

Selecting 'edit' which grants full editing rights.

Choosing 'view' which does not allow commenting.

Using comment permission lets the user add comments but not edit the design.

3fill in blank

hard

Fix the error in the code to set file permissions correctly.

Figma

figmaFile.setPermissions({ role: '[1]' })

Drag options to blanks, or click blank then click option'

Aviewer

Breader

Cview

Deditor

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'viewer' or 'reader' which are not valid roles in Figma.

Confusing 'editor' with view permission.

The correct role keyword in Figma API is view, not 'viewer' or 'reader'.

4fill in blank

hard

Fill both blanks to share a file with edit permission and notify the user.

Figma

figmaFile.share({ access: '[1]', notify: [2] })

Drag options to blanks, or click blank then click option'

Aedit

Btrue

Cfalse

Dview

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'view' instead of 'edit' for permission.

Setting notify to false and expecting a notification.

Setting access to edit allows changes, and true sends a notification to the user.

5fill in blank

hard

Fill all three blanks to remove a user's access and confirm the action.

Figma

figmaFile.removeUser('[1]', { confirm: [2], reason: '[3]' })

Drag options to blanks, or click blank then click option'

[e-mail]

Btrue

Cfalse

DNo longer needed

Attempts:

3 left

💡 Hint

Common Mistakes

Setting confirm to false and expecting removal.

Leaving reason empty or missing.

Provide the user's email, set confirm to true to confirm removal, and give a reason.