Finding Nodes

It’s important for project contributors to know the translation context. Localazy, with its support for backlinks to Figma, makes it way easier to get to the context even though Figma does not provide good support for long backlinks. The URL gets malformed; therefore, a node is not located and focused properly (more on that in notes). That’s why we introduce the Finding node in Figma feature. Learn how to focus node with node-id and center it into the view.

While describing the functionality, we assume that you have already uploaded some content to Localazy.

As we mentioned in the Settings section, you can configure the plugin to send a link to every TextNode being uploaded to Localazy.

Users can then use this backlink to navigate to the node in Figma. There are two main approaches to this - Quick lookup and Find Node Tab.

Quick lookup 🔗

The quick lookup approach is a quick way to find the node in the view. It’s recommended to use this approach if you want to focus on just one or a few nodes.

  1. Copy the link from the Localazy Translation note.

Translation note

  1. Navigate to the Figma design file and access the Quick Actions Bar by pressing ⌘ + P.

  2. Then, locate the Localization plugin by Localazyin the Bar.

Localization plugin by Localazy in Quick Actions Bar

  1. Press Tab on your keyboard. The Bar will slightly change, and the command menu will appear.

Localization plugin by Localazy Command Menu

  1. Insert the copied link into the Bar.

Localization plugin by Localazy Command Menu with inserted link

  1. Press Enter.

  2. Plugin will locate the node, focus it and center it into the view.

Node located by Localization plugin by Localazy

The following GIF demonstrates the quick lookup process.

Quick Node Lookup Process

Find Node Tab 🔗

You should use this approach if you aim to focus on more nodes one by one to understand the phrase context better.

  1. Copy the link from the Localazy Translation note.

Translation note

  1. We’re assuming that you’ve already opened the plugin UI (hitting Enter in the Quick Actions Bar after locating the Localization plugin by Localazy).

Localization plugin by Localazy in Quick Actions Bar

  1. In plugin UI, navigate to the FIND NODE tab.

Find Node Tab in Plugin UI

  1. Paste the copied link into the input.

Filled input in Find Node Tab

  1. Click the FIND NODE IN FIGMA button.

  2. Plugin will locate the node, focus it and center it into the view.

Located node with UI

  1. Copy another link from Localazy.

  2. Repeat steps 4-7 to get the context for all nodes.

The following GIF demonstrates the whole process.

Find Node Tab process

If the plugin can’t find the node, an error message will appear, as seen below. This might happen when the node has been removed from the file.

Non-existing link lookup failure message

Notes 🔗

Other standalone plugins resolving the “locate the node” problem like Direct Link do also take specific file links into account. That simply means that if you duplicate your Figma file design, the plugin wouldn’t be able to find the node, even though it technically has the same content.

If you work on your designs and duplicate the file with every design release, other node-locating plugins will not work for you because with every duplication, there’s a new file link. You can try the quick lookup approach with the Localization plugin by Localazy for free.

But not Localization plugin by Localazy. The following inputs will work as long as the node has its id equal to I422:10713;1082:2236 in any Figma file.

  • https://www.figma.com/file/HOmGmnKxqRXR4r8heg6Gpz/Landing-pages-(Copy)?node-id=I422%3A10713%3B1082%3A2236
  • file/HOmGmnKxqRXR4r8heg6Gpz/Landing-pages-(Copy)?node-id=I422%3A10713%3B1082%3A2236
  • ?node-id=I422%3A10713%3B1082%3A2236
  • I422%3A10713%3B1082%3A2236
  • I422:10713;1082:2236

The following example will not focus the node:

  • node-id=I422%3A10713%3B1082%3A2236

If you don’t use the plugin’s option to (use node name as source key)[/docs/figma/settings-tab#use-node-name-as-source-key], you can also copy the key from Localazy.