Updating IDs for Existing Design Tool Projects

This post is to support Applanga users who are localizing at the design stage using the Figma or AdobeXD plugin. With the most recent update to the design plugins, users are now able to name their keys during the initial upload of the project. However, we know many users started with previous versions of the plugin or did not have the opportunity to use the key naming feature. To help those users, we penned the guide below to help you add useful sting IDs to your entries uploaded from Figma.

For more information about the Applanga integration with Figma, please see the integration documentation or our Localization at the Design Stage guide.

Option 1

This option allows users to use one project to link existing entries to a Figma or AdobeXD project during the upload via the plugins. This option also allows users to save previously generated keys to the Fgma or AdobeXD project. Users can skip steps 1 and 2 if you already have a project with the entries that also exist in the Figma file.

1. Create a new project on the Applanga dashboard
2. Use the Manual Import (or other integration option) to upload an app’s content to the Applanga project, including the key with a naming convention that you prefer
3. Next you will need to integrate the Applanga project with the Figma or AdobeXD project.
   • Open the project, then open the Applanga plugin
   • Follow the steps outlined in the Integration Documentation - Configuration of the Connected Project.
4. Once the Figma file is connected to the Applanga project, Click the Upload button on the Applanga plugin
   • In the Upload Options be sure to select Merge Figma Text with existing Applanga IDs then click the Upload button.
     
5. The plugin will then save the existing IDs from the Applanga project instead of generating new IDs

Option 2

This option requires two Applanga projects and the use of the Translation Memory (TM) feature. Users must first approve and publish translations before they are added to the TM. If the Applanga team does not yet have a TM, you will need to create one using the steps outlined here.

1. Add existing, published translations from the original project to the Applanga Translation Memory using the steps described here
2. Create a second project for a fresh upload of the Figma Content
3. Before uploading the Figma file content to the new project, you will need to remove all existing Applanga linking to the Figma file via the Applanga plugin
   • Open the file on Figma and then open the Applanga Plugin
   • Click Check/Fix File then select Remove all linking to Applanga IDs.
     
4. With the previously saved Ids removed, now you can upload the Figma or AdobeXD content to the new project.
   • Configure the connection using the steps outlined in the Integration Documentation - Configuration of the Connected Project.
   • Once the new Applanga project is connected via the plugin, click the Upload button on the Applanga plugin menu
   • Using the key naming dialog, update individual string IDs as needed
   • Click Upload once keys are renamed to your liking and ready to be added to the Applanga project
5. Apply TM to the new project
   • Open the new Applanga project to confirm the figma content uploaded to the project.
   • Add the correct languages for translation via the TM
   • Then follow the instructions described in the Translation Memory article to apply the translations to your newly re-uploaded content