Figma is a professional-grade online tool created specifically for interface design. Born on the Web, Figma helps the entire product team create, test, and ship better designs, faster.

Authenticating

Figma uses OAuth, a developer-friendly delegated access protocol. Quolum has already connected the necessary wires with Figma. Using a sequence of click-throughs, your organization's administrator allows Quolum to make API calls to Figma without getting access to passwords.

Step 1: Initiate a connection to Figma

Click the Connect button from the Connections card. If you are not an admin, you can invite the Figma admin to make a connection to your Figma organization account. When you click on the Connect button, the web-browser will navigate to the Figma Login page.

Step 2: Log in to Figma

Log in to Figma using your organization's credentials. The exact login mechanism may depend on your Figma plan, and the sign-in mechanism used. You may have corporate SSO such as Azure AD, GSuite, or Okta along with multi-factor authentication. Once you have successfully logged-in, Figma is going to ask you to grant access to Quolum.

Step 3: Team URL identification

Once you log in on Figma, select the team from the left panel which you intend to use. After clicking there, copy the whole URL you see on the address bar. This is your team URL

Step 4: Provide consent to Quolum

The next screen after login into Figma is the consent screen. On this screen, Figma confirms whether you authorize Quolum to access your organization's data.

Step 5: Back to Quolum

Once you have granted access to Quolum on Figma's website, Figma is going to send you back to Quolum's page in Step 1, where you started. The Connect button on the Connections card would now say Reconnect. Reconnect is used to reauthenticate under circumstances where the access has expired.

Under the hood

Using the OAuth protocol, Quolum now has delegated access to your Figma Workspace. The Quolum server, running on Amazon AWS VPC, will be able to make API calls and retrieve feature-level utilization. Later, this data is crunched and available for visualization on the Quolum dashboard.