Rock & Figma

November 22, 2022

10 min read

Aside from making collaboration across the usual marketing teams and clients easy, Rock makes it easier for product and development teams to work on projects through various integrations.With our Figma integration, we hope teams can work through wireframes, products, and websites more efficiently and faster.

How to add Figma to Rock ?

The Figma integration on the Files mini-app is nifty because you’ll only need to integrate the service once, and you’ll be able to link projects in any space you’re a part of and have the right to edit tasks, notes, and topics.Here are the steps to integrate Figma to Rock:Step 1: Click on the File button

Step 2: Select Figma on the cloud storage selections in the Files mini-app.

Step 3: Once you click on Figma, a new tab or popup will open asking you to sign in to your Figma account if you're not logged in yet.Step 4:  You’ll need to give Rock access to your Figma account. If you cancel, the integration will abort, and you won’t be able to link your files to Rock.

If you allow Rock access to your Figma account, the integration will succeed, and you’ll be redirected to the space where you initially set up the integration.A window will appear that will list all your projects. You can choose which projects you want to link to your Rock files mini-app.

Adding Figma Projects to spaces ?️

Once you’ve finished the integration of Figma into Rock, you can add your projects into the Files mini-app of a space. Unfortunately, you won’t be able to add individual files to Rock.When you link a page or a database into Rock, all files within the project will be accessible from the Files mini-app in your space.

All you have to do is click on the file name to view and access the contents in another tab.? Note:Users will not be able to access the projects and files in the spaces you have uploaded them to unless they have permission in Figma. You must ensure that users are part of the space where they need file access. Even if a user has all the necessary drive permissions, they won’t be able to access the files within Rock if they are not part of the space.To go back to the Files mini-app panel or into a previous folder, press the < Folder on the top left corner of the mini-app’s panel.

Once you’ve successfully linked a cloud storage service and have added files and folders to the Files mini-app in a Space, you can use the blue + button on the lower right-hand corner of the Files view to add more drive services.

Files Hover Buttons ?️

In this section, we'll briefly explain the button that appears when you hover over an item on the Files mini-app.If you want to open a project or file in a new tab, you can press this button, which will open the file or folder in Figma.

The second button is the Set Aside button, allowing you to Set Aside a folder or a specific file.

The third button is the pin button, which puts the file into the space’s pinboard. Pinboard is only available for PRO spaces, meaning this button will only appear in PRO spaces.

The fourth button is the unlink button, which allows you to unlink the folder you initially linked to Rock. Unfortunately, you cannot unlink subfolders or files and are only able to unlink the main folders you link in Rock.

Using Your Figma Files Across Your Rock Spaces?

Since you’ve integrated your Figma projects and files to Rock, you can easily add these cloud-based files as attachments to your tasks and notes. Note: You can also authorize cloud services via this feature if you don’t have anything integrated yet.You’ll need to click on the “Link Cloud Storage” option to link a folder or file to a specific task or note.

? Note: Linking files or folders to tasks doesn’t work when entering tasks in board view for now.

Removing Documents or the Integration from a Space ✂️

Removing projects or files

You can remove the projects or folders from a Figma integration using the red unlink button.

Everything inside the projects and folders won’t be accessible in the space but will still exist in its owners’ Figma account. If you ever need easy access to Rock again, you can always link a folder to the space if required.You’ll need to have admin permission in the space to remove others’ pages or databases. However, anyone can remove their uploaded page or database. This includes former members or admins downgraded to guest.You can’t remove the individual files saved or created within projects. However, if you want to remove access to a particular file, you can either:

  • Remove the information from the page in Figma.
  • Or unlink the project and manually add or remove files you want and don’t want space visibility.

Removing the integration

You can remove the Figma integration by going to user settings > Authorized Apps > Disconnect.

Once you remove the integration from your account, the connected project won’t be accessible in the linked spaces but will still exist in the Files mini-app.You can reauthorize access after disconnecting Figma on a previously connected sheet. Once you re-integrate Figma, all projects in your different spaces will become available again.If you want your project not to be visible once you remove the integration, you will have to unlink the folders from your spaces manually. You can do this both before and after deauthorizing Figma.We hope this clears out integrating Rock with Figma for you. If you have more questions, reach out to us in the Rock Support and Updates space!

Frequently Asked Questions for the Figma Integration ?

What happens to projects I linked in the Files mini-app if I leave/am removed from a space?

When you leave or are removed from a space, your linked databases and pages will be unlinked from the Files mini-app. If you re-enter the space, you will have to link the items again.

What would happen to my project if I were to delete my account?

When you delete your Rock account, all cloud services you integrated will be disconnected, and all items you linked will be unlinked.

What happens to folders and files from suspended accounts?

Pages, databases, and subpages from suspended accounts will still be available for access in the space unless they are unlinked or are deleted from their drive services.

What happens if I move my files to a different project on Figma? Will I have to add it again?

The items will still be accessible in a space, but user permissions might change. As a result, some users might gain or lose access depending on your changes or the permissions available in the new destination.

What happens to items in a space if they are deleted from Figma?

It will appear that Rock cannot find the item, and no one will be able to access the information. Folders and files that are contents will disappear when reopened. You can unlink the deleted folder to remove it from your Files mini-app.

Can I give a user permission to access an item from Rock?

No, you’ll need to grant access permissions or send invites to the user through Figma.

Can the Rock Team see what is inside the folders I connect to my spaces?

No, the integration adds the information to your space. We cannot see what documents you have in your database or workspace. Additionally, if users in space don’t have permission, they won’t be able to access information.

Is there an upload limit to my folders in Figma?

Upload limits are irrespective of Rock. Storage limits are dependent on the storage quota of the cloud service.

What happens to the Files items if everyone leaves a group space?

As soon as all members leave the space, all Files mini-app storage information and integrations are removed.

Available on