Installation 

1. Go to Zoho Cliq Marketplace and search for and install "Figma", or click the following link.  

2. After successful installation, you will receive a bot message with instructions to configure the team's files and projects you want to view.

 Bot 

1. In the bot message, select Connect your Team button.
   
   
2. A configure Figma team pop-up will appear where you will have to enter the Team ID and you will be able to view the project files associated to that team.

Note:

To get your team ID, do the following:

• Navigate to the team page you are a part of. The team ID will be in provided after the "/team/" in the url.

• Eg .https://www.figma.com/files/XXXXXXXXXXX/team/81002361234911901531.

Bot actions 

There are three bot actions available :

1. Search Files

2. Associate Team

3. Help

Search Files

• Here you can select a file from any project.
  
• Once you select Search, a bot message of the file will be posted where you can select File Preview and view the file inside Cliq.
  
  

Associate Team

• If you want to view the files and project of a different team, you can select Associate team.

• A Configure Figma Team pop-up will appear where you will have to enter the Team ID and you will be able to view the project files associated with that team.
  

Help

• Here you will find a message with six points posted in the bot on what the integration offers.
  

Widget 

Projects

• Here all the Figma projects and files associated to the team you have configured will be listed.
  

• Under each project, you will have two options to select from: Open and Files.
  
  

• When you select "Open" it will navigate to the Figma website.

• When you select Files", all the files of the project will be displayed inside Cliq.
  
  

• Under each file, you will have two options to select from: View File and View Comments.
  

• When you select "View File", you will be able to view the Figma file inside Cliq.
  
  

• On selecting "View Comments", you will be able to view all the comments made in the file will be listed.
  
  

Help

• Here you will be able to see what the integration offers.
  
  

 Slash command 

• You can use the slash command "/figma" in your message composer and a search pop-up will be displayed.

• Here you can select a file from any project.
  

• Once you select Search, a bot message of the file will be posted where you can select File Preview and view the file inside the chat with a file preview option available.
  
  

 Message actions 

• You can convert a message into a comment using the message actions.

• Hover over the message and select More. Search for "Figma" and select the Post Comment to File option.
  

• An Add comment to File pop-up will appear where you ll have to select the project and file you want to add the comment to.