Figma Community exploration - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to select a Figma community file by its unique ID.

Figma

const file = figma.importFileByKey('[1]');

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

Aid

BcommunityFileId

CfileId

DfileKey

Attempts:

3 left

💡 Hint

Common Mistakes

Using generic names like 'id' or 'fileId' which are not recognized by Figma API.

The correct property to import a Figma community file is fileKey, which uniquely identifies the file.

2fill in blank

medium

Complete the code to filter community files by a specific tag.

Figma

const filteredFiles = communityFiles.filter(file => file.tags.includes('[1]'));

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

Adesign

Btemplate

Cprototype

Dui-kit

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing tags that are less common or unrelated to filtering community files.

The code filters files that include the tag prototype in their tags array.

3fill in blank

hard

Fix the error in the code to correctly retrieve the number of likes on a community file.

Figma

const likesCount = communityFile.[1];

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

AlikeCount

BnumberOfLikes

ClikesCount

Dlikes

Attempts:

3 left

💡 Hint

Common Mistakes

Using plural forms or incorrect property names like 'likes' or 'likesCount'.

The correct property to get the number of likes is likeCount.

4fill in blank

hard

Fill both blanks to create a summary object with file name and number of views.

Figma

const summary = { name: communityFile.[1], views: communityFile.[2] };

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

Aname

BviewCount

Cviews

Dtitle

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'name' instead of 'title' for the file name.

Using 'views' instead of 'viewCount' for the number of views.

The file's title is accessed by title and the number of views by viewCount.

5fill in blank

hard

Fill all three blanks to filter community files by popularity and map to their titles.

Figma

const popularTitles = communityFiles.filter(file => file.[1] > [2]).map(file => file.[3]);

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

AlikeCount

B1000

Ctitle

DviewCount

Attempts:

3 left

💡 Hint

Common Mistakes

Using views instead of likes for popularity.

Using incorrect property names for title.

This code filters files with more than 1000 likes and maps their titles.