Create a Client Portal with Figma [How to Embed Figma]

With Foyer, you can embed apps like Figma in your client portal. So if you're looking for how to create a Figma client portal, using Foyer is a great way to get started.

By creating a client portal with Figma, you can centralize all your client and staff services into one place. That means you'll be getting less questions on "how do I access Figma?" and can spend more time focusing on what matters: running your business.

Let's get right into how you can create a client portal with Figma by embedding Figma using Foyer.

How to Embed Figma Into Your Client Portal

To embed Figma into your client portal, you have two options:

1. Embed a single Figma page for all users
2. Embed different Figma pages for each user

In Foyer, these are called "Global" and "Per User" customizations respectively. The quickest way to get started is to use a global app customization (the same Figma page for all users).

To get started, visit the Orgs page, then click "Foyer Apps". You'll see a screen similar to the one below.

Scroll to the bottom of the page to find the "Add App" button. After clicking, you'll see a dialog where you can select which app to add. There are two ways to set up Figma as a client portal:

1. Embed Figma directly within your client portal
2. Link to Figma from your client portal

Embedding Figma in your client portal is the most seamless way by keeping all your client interactiion right in your client portal.

To embed, you can use either the "Figma" app or just the "Embed" app. To link to Figma from a client portal (redirects directly to Figma), use the "Link" app.

After adding the Figma app, you'll see it appear on your list of enabled apps. To edit the app, you can click on the 3 dots on the new app's row, and select "Edit".

Then you can edit settings like the icon, label, routing (what web address the app is found at), visibility (who can see the app), and switch between "Global" and "Per User" customizations.

If you're looking to embed a different Figma pages for each user, you'll want to go with the "Per User" customization. Otherwise you can keep it as the default: "Global".

The "customization" is where you can set the link or code (iframe) to embed Figma into your client portal. You can edit the customization by clicking the 3 dots on your Figma app, and selecting "Edit Customization".

You can use Figma support documentation to find which pages can be embedded. Then just copy either the page link or the embed code directly into your App's customization field named "Link".

Click "Confirm" and your changes will be immediately applied across your entire organization.

You can add any number of apps, so if you need to embed multiple pages of Figma, just repeat the process.

How to Create a Figma Client Portal

By embedding Figma into your client portal via Foyer, you can create a Figma client portal (see the instructions above).

To get started, you'll first need to onboard to Foyer. This is a simple process that takes just 1 minute. It's an easy way to get started with a customizable client portal that supports Figma.

Once you have your Foyer organization, you can follow the steps above on how to embed Figma into your client portal.

This way clients can login and access Figma directly in your client portal. Every app you embed into Foyer will show as it's own menu item found on the left drawer. It even works on mobile (you can find any apps you add in the mobile menu).

You can use Foyer to securely exchange documents, send messages, create custom forms, and more, while creating dedicated pages for your clients and staff to access Figma.

Conclusion

Using Foyer Apps is an easy way to set up a Figma client portal.

By embedding or linking to Figma from within your client portal, you get the benefits of a client portal (document exchange, messaging, custom forms, etc...), along with all the greatness of Figma.

It's a win-win! I hope this guide has helped you set up Figma as a client portal. If you have any questions or feedback, you can reach out to our Support team and we will be happy to help.