Tutorial: Azure Active Directory single sign-on (SSO) integration with Figma
In this tutorial, you'll learn how to integrate Figma with Azure Active Directory (Azure AD). When you integrate Figma with Azure AD, you can:
- Control in Azure AD who has access to Figma.
- Enable your users to be automatically signed-in to Figma with their Azure AD accounts.
- Manage your accounts in one central location - the Azure portal.
To learn more about SaaS app integration with Azure AD, see What is application access and single sign-on with Azure Active Directory.
To get started, you need the following items:
- An Azure AD subscription. If you don't have a subscription, you can get a free account.
- Figma single sign-on (SSO) enabled subscription.
In this tutorial, you configure and test Azure AD SSO in a test environment.
- Figma supports SP and IDP initiated SSO
- Figma supports Just In Time user provisioning
Adding Figma from the gallery
To configure the integration of Figma into Azure AD, you need to add Figma from the gallery to your list of managed SaaS apps.
- Sign in to the Azure portal using either a work or school account, or a personal Microsoft account.
- On the left navigation pane, select the Azure Active Directory service.
- Navigate to Enterprise Applications and then select All Applications.
- To add new application, select New application.
- In the Add from the gallery section, type Figma in the search box.
- Select Figma from results panel and then add the app. Wait a few seconds while the app is added to your tenant.
Configure and test Azure AD single sign-on for Figma
Configure and test Azure AD SSO with Figma using a test user called B.Simon. For SSO to work, you need to establish a link relationship between an Azure AD user and the related user in Figma.
To configure and test Azure AD SSO with Figma, complete the following building blocks:
- Configure Azure AD SSO - to enable your users to use this feature.
- Configure Figma SSO - to configure the single sign-on settings on application side.
- Create Figma test user - to have a counterpart of B.Simon in Figma that is linked to the Azure AD representation of user.
- Test SSO - to verify whether the configuration works.
Configure Azure AD SSO
Follow these steps to enable Azure AD SSO in the Azure portal.
In the Azure portal, on the Figma application integration page, find the Manage section and select single sign-on.
On the Select a single sign-on method page, select SAML.
On the Set up single sign-on with SAML page, click the edit/pen icon for Basic SAML Configuration to edit the settings.
On the Basic SAML Configuration section, if you wish to configure the application in IDP initiated mode, enter the values for the following fields:
a. In the Identifier text box, type a URL using the following pattern:
b. In the Reply URL text box, type a URL using the following pattern:
Click Set additional URLs and perform the following step if you wish to configure the application in SP initiated mode:
In the Sign-on URL text box, type a URL using the following pattern:
These values are not real. Update these values with the actual Identifier, Reply URL and Sign-on URL. You will get the
TENANT IDfrom step#11 of Figma`s article Configure Azure Active Directory SAML SSO process.
Figma application expects the SAML assertions in a specific format, which requires you to add custom attribute mappings to your SAML token attributes configuration. The following screenshot shows the list of default attributes.
In addition to above, Figma application expects few more attributes to be passed back in SAML response which are shown below. These attributes are also pre populated but you can review them as per your requirements.
Name Source Attribute
On the Set up single sign-on with SAML page, In the SAML Signing Certificate section, click copy button to copy App Federation Metadata Url and save it on your computer.
Create an Azure AD test user
In this section, you'll create a test user in the Azure portal called B.Simon.
- From the left pane in the Azure portal, select Azure Active Directory, select Users, and then select All users.
- Select New user at the top of the screen.
- In the User properties, follow these steps:
- In the Name field, enter
- In the User name field, enter the firstname.lastname@example.org. For example,
- Select the Show password check box, and then write down the value that's displayed in the Password box.
- Click Create.
- In the Name field, enter
Assign the Azure AD test user
In this section, you'll enable B.Simon to use Azure single sign-on by granting access to Figma.
In the Azure portal, select Enterprise Applications, and then select All applications.
In the applications list, select Figma.
In the app's overview page, find the Manage section and select Users and groups.
Select Add user, then select Users and groups in the Add Assignment dialog.
In the Users and groups dialog, select B.Simon from the Users list, then click the Select button at the bottom of the screen.
If you're expecting any role value in the SAML assertion, in the Select Role dialog, select the appropriate role for the user from the list and then click the Select button at the bottom of the screen.
In the Add Assignment dialog, click the Assign button.
Configure Figma SSO
To configure single sign-on on Figma side, you need to follow the Figma`s article Configure Azure Active Directory SAML SSO process.
Create Figma test user
In this section, a user called Britta Simon is created in Figma. Figma supports just-in-time provisioning, which is enabled by default. There is no action item for you in this section. If a user doesn't already exist in Figma, a new one is created when you attempt to access Figma.
In this section, you test your Azure AD single sign-on configuration using the Access Panel.
When you click the Figma tile in the Access Panel, you should be automatically signed in to the Figma for which you set up SSO. For more information about the Access Panel, see Introduction to the Access Panel.