This article will walk you through installing and configuring the Bureau Works plugin for Figma.

1. Installation
  1.1. Log in to Figma
  1.2. Open a Design File
  1.3. Access the Plugin Manager
  1.4. Find the Bureau Works plugin
  1.5. Install the plugin
  1.6. Run the plugin
2. Configuration
  2.1 Create a Figma Configuration
  2.2 Create a Configuration Group
3. Create a project
4. Pulling the translations back to Figma

1. Installation

1.1. Log in to Figma

Access your Figma account using your credentials.

1.2. Open a Design File

Choose an existing design file or create a new one.

1.3. Access the Plugin Manager

Navigate to the plugins menu within Figma.

Select Manage plugins....

1.4. Find the Bureau Works plugin

Utilize the Search all plugins field to locate the Bureau Works plugin.

1.5. Install the plugin

Click on the Bureau Works plugin to highlight it.

Select the Save button to install the plugin on your Figma account.

1.6. Run the plugin

• • Click the Run button next to the Bureau Works plugin.
  • Allow a few moments for the plugin to load and initialize.
  • Inform your Bureau Works credentials to connect your account

• • 1. API ID:
    2. API SECRET:

These settings can be found in your Bureau Works account, in your profile.

Access the Security tab, and in the API Token subsection, generate a new token.

A pop-up will open with your API ID and Secret. It is worth noting that this information will be displayed only once, so make sure to have the Figma ready to paste this data, or save them somewhere safe that you can access later.

Once the plugin is installed and running, you'll be able to access its features and functionality directly within your Figma design files.

2. Configuration

To properly create projects from Figma, a configuration needs to be done on the Bureau Works side.

This will define granular configurations, like associating the projects to a Bureau Works Organizational Unit.

2.1 Create a Figma Configuration

In Bureau Works, access the Integrations page. Identify the Figma integration and click on it.

You'll be able to create a new configuration in the Figma Configuration tab.

Define a name for the configuration and select an Organizational Unit that will be associated with it.

Remember to click on Create. A confirmation will appear on screen. After that, you'll be able to alter the name and Organizational Unit and update the configuration at any time.

2.2 Create a Configuration Group

A Configuration Group will, as the name suggests, allow you to group more than one configuration, if needed. 

Grouping configurations will allow us to create a project per organizational unit, making it easier to distribute work to different stakeholders. Each project will automatically be assigned the default source and target languages for its corresponding organizational unit. For example, if one organizational unit uses language A and another uses B and C as default, creating a project with all three languages via the Figma plugin will automatically split it into two projects: one for organizational unit A with language A, and another for the second organizational unit with languages B and C.

Return to the Figma Integration tab. Select the Configuration Group tab and add a new group.

Define and fill in the Group name, and select at least one Figma configuration for it.

3. Create a project

Once everything is configured and you have successfully logged in in the Figma plugin, you'll be able to request translations from Figma directly in your Bureau Works account.

To create a project, you'll need to inform the following fields:

1. Select a configuration. This configuration can be created in Bureau Works, as informed above.
2. Select a contact person. The contact person can be the users associated with the Organizational Unit informed in the configuration.
3. Source language
4. Target language
5. Workflows. Define the workflows that the project shall go through
6. Project name. Define and inform the project name.

After filling in the fields, send the project to Bureau Works, and the project will be created as specified.

It is worth noting that each page in Figma will create a corresponding work unit for each target language in Bureau Work's project.

4. Pulling the translations back to Figma

Once the project is translated, it is possible to send the translations back to Figma.

To do this, simply click on Fetch translations and wait for the content to be created.

You'll be informed when the progress is finished.

Each Figma page sent to the project will result in a new page for each selected target language.

If any questions were not answered in this article, please don't hesitate to contact our support team at help@bureauworks.com.