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.

Practice

1. What does the Share button in Figma primarily allow you to do?

easy

A. Export your design as a PDF

B. Change the color scheme of your design

C. Invite others to view or edit your design files

D. Create new design components

Solution

1. Step 1: Understand the purpose of the Share button

   The Share button is used to give others access to your files.

2. Step 2: Identify the main sharing actions

   It allows inviting people to view, comment, or edit your designs.

3. Final Answer:

   Invite others to view or edit your design files -> Option C

4. Quick Check:

   Sharing files = Invite others [OK]

Hint: Share button means inviting others to your file [OK]

Common Mistakes:

• Confusing Share with export functions
• Thinking Share changes design elements
• Assuming Share creates new components

2. Which of the following is the correct way to set a file so others can only comment in Figma?

easy

A. Set permission to 'Can comment' when sharing

B. Set permission to 'Can view' when sharing

C. Set permission to 'Owner' when sharing

D. Set permission to 'Can edit' when sharing

Solution

1. Step 1: Review permission levels in Figma

   Permissions include 'Can view', 'Can comment', and 'Can edit'.

2. Step 2: Identify the permission for commenting only

   'Can comment' allows users to add comments but not edit or just view.

3. Final Answer:

   Set permission to 'Can comment' when sharing -> Option A

4. Quick Check:

   Comment permission = 'Can comment' [OK]

Hint: Choose 'Can comment' to allow only comments [OK]

Common Mistakes:

• Selecting 'Can view' which disallows commenting
• Choosing 'Can edit' which allows full editing
• Confusing 'Owner' with commenting rights

3. If you create a shareable link in Figma with 'Anyone with the link can view' permission, what can users do?

medium

A. Only view the file without editing or commenting

B. Edit the file directly

C. Comment on the file but not edit

D. Delete the file

Solution

1. Step 1: Understand 'Anyone with the link can view' permission

   This permission allows users to open and see the file but not make changes.

2. Step 2: Identify allowed actions

   Users cannot edit or comment; they only have viewing rights.

3. Final Answer:

   Only view the file without editing or commenting -> Option A

4. Quick Check:

   View-only link = view without edit/comment [OK]

Hint: View link means no editing or commenting allowed [OK]

Common Mistakes:

• Assuming link allows editing
• Thinking commenting is allowed
• Confusing view with owner permissions

4. You shared a Figma file with 'Can edit' permission, but collaborators report they cannot make changes. What is the likely issue?

medium

A. The file is locked and cannot be edited by anyone

B. Collaborators are not logged into Figma

C. You forgot to click the 'Send invite' button after setting permissions

D. You set the permission to 'Can view' instead of 'Can edit'

Solution

1. Step 1: Check if collaborators can edit with correct permission

   'Can edit' permission allows editing if users are logged in.

2. Step 2: Identify why editing is blocked

   If collaborators are not logged in, Figma restricts editing despite permissions.

3. Final Answer:

   Collaborators are not logged into Figma -> Option B

4. Quick Check:

   Editing requires login + permission [OK]

Hint: Ensure collaborators are logged in to edit [OK]

Common Mistakes:

• Assuming permission alone is enough without login
• Thinking file lock prevents all edits
• Forgetting to send the invite

5. You want to share a Figma file with a client so they can comment but not edit, and also allow your team to edit. How should you set permissions?

hard

A. Share the file with the client as 'Can edit' and your team as 'Can comment'

B. Share the file with everyone as 'Can edit' and ask the client not to edit

C. Share the file with the client as 'Can view' and your team as 'Can comment'

D. Share the file with the client as 'Can comment' and your team as 'Can edit'

Solution

1. Step 1: Assign client permission to comment only

   Set the client's permission to 'Can comment' to allow feedback without editing.

2. Step 2: Assign team permission to edit

   Set your team members to 'Can edit' so they can make changes.

3. Final Answer:

   Share the file with the client as 'Can comment' and your team as 'Can edit' -> Option D

4. Quick Check:

   Client comment + team edit = correct sharing [OK]

Hint: Use 'Can comment' for clients, 'Can edit' for team [OK]

Common Mistakes:

• Giving clients edit rights accidentally
• Setting clients to view only, disallowing comments
• Mixing up team and client permissions