Skip to main content

How to add the context images to your project?

Context images provide visual references for translators inside the Editor. You can upload context images directly in the Editor, via the project settings interface, or automatically using the Figma plugin.

Method 1: Upload via the Editor context panel

  1. Click Editor in the top navigation bar and select a segment.

  2. In the context panel, under Segment info, scroll to Context images.

  3. Click + Add images.

  4. Select up to 3 image files (.png, .jpeg, .jpg) to attach to the active segment.

Method 2: Upload via the project interface

  1. Click Projects in the top navigation bar and select your project from the left sidebar.

  2. Go to the Context Images tab.

  3. Click + Add images in the top right.

  4. In the pop-up window, select the target Language from the dropdown menu.

  5. Drag and drop or browse to upload files (up to 20 files, maximum 10MB each).

  6. (Optional) Check Connect segments on images automatically to map matching text strings immediately

  7. Click Upload.

Method 3: Upload automatically using the Figma plugin

If your team designs in Figma, you can push design frames directly as context images:

  1. Open your design file in Figma and launch the LingoHub plugin.

  2. Select your LingoHub project and target language.

  3. Choose the frames or components you want to push.

The system automatically extracts text segments and generates corresponding context images inside LingoHub.

Need more help?

Couldn't find what you were looking for? Reach out to our team at [email protected], and we will gladly assist you.

Did this answer your question?