Configure and Provision Okta SAML SSO
IMPORTANT You can only use SAML SSO if you are on Figma’s Organizations plan. Learn more about Figma's plans here: https://www.figma.com/pricing
There are a couple of approaches available when implementing SAML SSO.
You can choose to initiate the SAML SSO process from the Identity Provider's end (Initiated via Okta), or from the Service Provider's end (Initiated via Figma).
You also have the option to restrict logins via SAML SSO to a specific domain (i.e. your organization's domain name).
In this article, we'll take you through the steps required to get SAML SSO set up with Okta:
- Add the Figma App to your Okta Account.
- Configure Okta in Figma.
- Configure the Okta Application.
- Assign Users to the Application.
- Configure Automatic Provisioning via SCIM (Recommended).
Learn more about SAML SSO functions in our Getting Started with SAML SSO article.
1 | Add the Figma App to your Okta Account
First, you will need to add the Figma Okta app to your Okta account. This will allow you to generate a Metadata URL - you'll need to provide Figma with this, so the two services can be connected.
- Login to your Okta account and head to the Applications page.
- Select Add Application from the options.
- Search for Figma and click the Add button to add Figma to your account:
- Once installed, you can go to the Sign On page.
- Right click on the Identity Provider Metadata link and choose Copy link address. You will need this for the next step below.
The link should look something like this:
2 | Configure Okta in Figma
Next you will need to set up the Okta integration in Figma.
- Open the Admin Console in your Figma Organization:
- From the General page, find the Sign in and Provisioning section.
- Click the Update Sign In Settings link:
- From the Authentication and Provisioning page, you can set your Authentication preference. Before you can select SAML SSO from the options, you will need to Configure SAML.
- Click the Configure SAML button at the bottom of the SAML SSO section:
- In the Configure SAML SSO modal, select Okta from the Identity Provider (Idp) section:
- Enter your IdP Metadata URL in the field provided. This is the URL you generated in the Add the Figma App to your Okta Account section above.
- Click Review. You'll be prompted to review and confirm the details are correct. This is the only time you will be able to make changes to your Okta details, without having to contact customer support.
- Check the box to confirm This information is correct... and click Configure SAML SSO
- You will now see a confirmation of your Okta SAML SSO Configuration in the SAML SSO section.
- Click the Copy link next to your Tenant ID. You will need this during the set up process in Okta:
3 | Configure the Okta Application
Once you've received your confirmation and Tenant ID, you can complete the configuration process in Okta.
- In Okta, go to Sign On tab for the Figma app.
- Click Edit and scroll down to the Advanced Sign-On Settings section.
- Enter your Tenant ID in the corresponding field.
- In the Application username format field, select Email from the options:
- Click Save to complete the process.
4 | Assign Users to the Application
Now that everything is set up, you can start assigning users to the application. As part of this process, you may be asked to provide additional information about each user.
Head to the Assignments tab (on the far right) to start adding users to the application.
The following attributes are supported:
Tip! If you would like to add users in bulk, then you can use Okta's Import function. Learn more in Okta's guide:
Sign In via Figma(SP initiated SSO)
Note: You'll need to enter your [TenantID] provided by Figma in the URL above.
5 | Configure Automatic Provisioning via SCIM(Recommended)
Okta automatically offers JIT provisioning, which supports the ability to Create and Update user accounts.
We also recommend enabling Automated Provisioning via SCIM, in Okta. This allows you to Create, Update, Import, Deactivate and Reactivate users.
Okta automatically offers JIT provisioning, which supports the ability to Create and Update user accounts. We also recommend that you enable Automatic Provisioning via SCIM, as well.
This allows you to support the following actions:
- Create Users - Creating a user in Okta will automatically create a user in Figma, that is assigned to your Organization. Any users created via this process will have their Okta email validated automatically.
- Update Users - This allows any changes made to the user in Okta,(e.g. updating their name or email address) to be applied to the corresponding user account in Figma.
- Deactivate Users - If a user is unassigned in Okta, this will automatically deactivate their account in Figma.
Deactivating a user will automatically logout the user and remove them from the organisation, including any related files, projects or teams. Any drafts related to that user's account will also be made accessible to the Organization's admin(under the Shared Folders section).
Tip! If the user would like to use the same email address for a personal account, they will be required to reset their password before they can create a new account with that address. They will no longer have access to any of the Organization's Files, including any Drafts on their company account.
- Reactivate Users - When a user is re-assigned in Okta, this will automatically add them back to the Organization's account in Figma. They'll be prompted to log back in(using SSO, if required). Any previous file, project, or team roles must be restored manually.
Learn more about What is SCIM on Okta's website: https://www.okta.com/blog/2017/01/what-is-scim/
1 | Generate an API Token (Figma)
You'll need to generate an API token in Figma, this allows you to authorize the connection between Okta and Figma.
- Open the Admin Console in your Figma Organization.
- From the General page, click Configure Authentication, SAML SSO and SCIM Provisioning link.
- On the Authentication and Provisioning modal, find the SCIM Provisioning.
- Next to the API Token click Generate API Token:
- Copy the API Token that is generated.
2 | Provisioning with SCIM (Okta)
Once you've got your API Token:
- In Okta, go to the Provisioning tab in the Figma app.
- Click the Configure API Integration button.
- Check the box next to Enable API Integration.
- Enter the API Token in the field provided.
- Click Test API Credentials to ensure it's set up correctly.
- When you see the success message, you can click Save to apply:
- A few more options will now appear under the Provisioning section
- Click on the To App option in the left-hand menu.
Important: Ensure that the following functions are all enabled:
- Create Users.
- Update User Attributes.
- Deactivate Users.
- Click Save to apply.