To add manually:
Click on the needed project at the left-side navigation panel.
Choose the "Context images" tab.
Click "Add images."
Drag and drop or upload files or a zip folder (You can upload up to 20 images simultaneously; please use our API for larger quantities.)
Select language and optionally additional labels (the uploaded images will be automatically associated with the label.)
Now you have a list of uploaded images.
Click on the needed images.
Click "Add text segment."
Choose the segment from the list.
Highlight the part of the screenshot where the segment's text is placed.
To add automatically:
Lingohub provides a Figma plugin to simplify the localization process from the design stage. Streamline the localization process from the design stage. Easily import and export the text between Figma and Lingohub. One of the additional benefits is the ability to create context images automatically.
Let's take a look at how to do this:
Note: you need to have the Figma project to do this.
Sign in to your Figma account and install the Figma plugin.
Run the plugin inside Figma and choose the project.
Select the text you want to push to Lingohub. You can select the whole document, the current page, or the active selection. Click on the needed option.
The system automatically detects segments - you can review them and choose which one you want to push into the project.
Note: you can add keys and descriptions to the segments at this stage.
Click "Continue with selection."
Click "Push to Lingohub."
Great! Now the screenshot will be available inside the editor at the appropriate string.