Collaborating in Framer

In Framer, designers, marketers, developers, and other team members can simultaneously edit and review a single project in real-time. The advantage is that everyone can collaborate on the same canvas without needing to share files or match versions separately.

Identifying Collaborators

At the top right of Framer, profile pictures of everyone accessing the project are displayed.

• Color profile picture: User currently viewing or editing the project

• Gray profile picture: User has opened the project before but is not connected now

Hover over a profile picture to see the last date the user accessed the project.

Inviting Collaborators to a Project

To invite collaborators to your project, follow these steps:

1. Click on your personal profile picture in the top right corner.

2. In the opened Invite window, enter the email address of the person you wish to invite.

3. After inviting, select View or Edit permissions.

Note: Member permissions vary depending on the Workspace plan. For more details, please refer to Framer's Member Management Guide.

Communicating with Cursor Chat

When multiple users have the same page open, each user's cursor is visible on the canvas. Cursor Chat allows quick and easy real-time communication while your cursor is visible on someone else's screen.

How to Chat:

1. Press / on your keyboard and enter your message.

2. Simply type your message, and it will appear above your cursor.

Following Collaborators' Screens

You can also follow the screen of someone currently viewing the project in real time. This feature is particularly useful for design reviews or feedback sessions and helps keep focus and share flow when working with others.

1. Hover over a collaborator's profile picture.

2. Click the eye icon that appears.

3. Once clicked, your canvas will automatically move to the position the user is viewing.

Frequently Asked Questions (FAQ)

Q. Can you track who did what when collaborating in Framer?

• Yes. Although it doesn’t show a complete edit history by user, you can use the Version History feature to revert or compare changes in the project.

Q. Are cursor chat messages saved?

• No. Cursor Chat functions more like a simple real-time annotation, so no records are saved.

Q. What if a collaborator accidentally deletes something, how can it be recovered?

• There is a recovery method. As mentioned earlier, Framer has an auto-save and Version History feature, allowing you to revert to a previous point if unwanted changes occur.

Q. What should I do if a collaborator's work doesn't immediately show on my screen?

• This is usually a simple network error. Try refreshing the edit screen with Command + R, or close and re-enter the project on the Workspace.

This article is a translated and adapted content from Framer's official blog, 'Live collaboration in Framer'.