Developer Guides & Tutorials

How to localize Figma designs using Figma's AI agent and Lokalise MCP

Eric Silberstein,Updated on August 20, 2026·6 min read
Lokalise Figma workflow

Figma Config changed the localization game for designers. Here’s how to connect Figma’s native AI agent to Lokalise via MCP — and manage translations without leaving your canvas.

Something significant shifted at Figma Config. Figma introduced a native AI agent built directly into the app — and it can connect to external tools through MCP (Model Context Protocol, an open standard that lets AI assistants talk to other software). For designers who localize their work, this is a big deal.

Before this, you had two choices: translate text manually inside Figma (messy, inconsistent, not scalable) or use a plugin to connect to a translation management system like Lokalise. The plugin path works well — thousands of teams rely on it daily. But Figma’s AI agent opens a third option: a conversational, flexible way to manage translations directly from your canvas.

Think of it like hiking. The Lokalise Figma plugin is a well-trodden trail — clear signposts, efficient, gets you to your destination fast. The AI agent with MCP is more like building your own route. You decide what matters to your team, define your own workflow, and ask for exactly what you need in plain language. Both paths lead to the same destination: translations managed in Lokalise, with all the quality infrastructure that comes with it.

Why not just translate directly in Figma?

It’s tempting. You open Figma, select a text layer, paste in a translation from ChatGPT, and move on. We’ve all done it.

But once you start asking harder questions — how do you keep terminology consistent across 40 screens and multiple platforms? How do you track which strings changed since the last review? How do you involve a language service provider without emailing spreadsheets? — you’re in Translation Management System territory.

Translating directly in Figma gives you no consistency safeguards, no review workflow, no translation memory, and no way to scale across languages or teams. Every translation is a one-off. There’s no record, no quality scoring, and no reuse.

Lokalise solves this with glossaries that enforce approved terminology, translation memory that reuses past work, AI quality scoring that flags issues before a human reviewer sees them, and visual QA that shows translators exactly where their text appears in your design. You get a real workflow — one that scales from 2 languages to 20 without falling apart.

Discover how teams achieve 90% fewer post-release bugs and 10x cost savings →

Get the ebook
Design-stage_ebook_conversion_card@2x.webp

Three ways to connect Figma and Lokalise

You don’t have to choose one approach forever. The Lokalise Figma plugin and the Figma AI agent with Lokalise MCP serve different needs, and both use Lokalise as the translation backbone.

The plugin is structured and fast. It has defined workflows, great documentation, and handles standard localization use cases efficiently. Export frames, create keys, generate language copies, pull translations back — all in a few clicks. If you want a reliable, repeatable process with minimal setup, start here.

The AI agent with MCP is flexible and conversational. You describe what you want in natural language, and the agent coordinates with Lokalise on your behalf. It’s ideal when your workflow doesn’t fit a standard pattern — when you want to sync variables, check for drift across screens, or check on the status of human review tasks directly from within Figma. It’s newer, and it requires a bit more setup, but it lets you define how localization works for your team.

The third connection method is to bring your own LLM. Connect your preferred client to both Figma’s remote MCP server and Lokalise’s MCP server. That way you can orchestrate your translation flows directly in your preferred LLM client without consuming AI credits in Figma.

All approaches connect to the same Lokalise project, the same translation memory, and the same quality infrastructure. They complement each other.

The Lokalise plugin: a quick overview

The Lokalise Figma plugin handles the core localization loop in just a few steps:

  1. Export entire frames from Figma to Lokalise. The plugin identifies all text elements, creates translation keys, merges duplicates (so your nav bar text isn’t translated five times), and sends screenshots so translators see exactly what they’re working on.
  2. Translate in Lokalise. Use AI translation with glossary and translation memory applied automatically, or assign tasks to human reviewers and language service providers. AI quality scoring flags potential issues with severity ratings based on industry-standard quality metrics.
  3. Generate language copies in Figma. With one click, create preview copies in your target languages (Japanese, Arabic, Spanish, Hindi — whatever you need). Spot truncation, expansion, and RTL layout issues before a single line of code is written.
  4. Iterate and re-sync. Changed your hero copy? Re-export, regenerate translations, and preview the updated designs. Visual QA in a few clicks.

The plugin is built for speed and repeatability.

📘 Go deeper

For a closer look at the full plugin workflow, see the Lokalise + Figma integration page.

Setting up Lokalise MCP with Figma’s AI agent

Connecting Figma’s native AI agent to Lokalise via MCP takes just a few minutes. Here’s how:

  1. Open your Figma file and navigate to the AI agent’s connector settings. Go to Agents > Connectors > Manage > Create.
  2. Provide a name, tagline, and description for your connector.
  3. Copy the MCP server URL for Lokalise’s MCP: https://mcp.lokalise.com/mcp/project-management. For more information, head to the Lokalise MCP documentation.
  4. Paste the URL into Figma’s connector setup and complete the authentication flow. If you’re using OAuth 2 (recommended), you’ll be prompted to allow access — click Allow and you’re connected.
  5. Verify the connection. Open a new AI agent conversation in Figma and ask it to list your Lokalise projects. If it returns your project data, you’re ready.

🔧 Lost authentication?

To reauthenticate, go to your connectors, manage your Lokalise MCP connector, and scroll to the bottom of the list of tools. Disconnect the tool, then reconnect it. This should not affect your linked keys or work in progress.

Working with the Figma AI agent

Now that you’re connected, it’s worth thinking about how to use the MCP and an AI agent in a repeatable, scalable way — so that individuals and teams work consistently and generate the results they expect. Crucial to this are AI skills, which you can create and store in Figma for your AI agent to use.

So what are AI skills? Figma AI skills are reusable instruction files written in Markdown that teach AI agents how to perform specific design tasks according to your team’s exact standards. Instead of writing a long prompt every time, you install a skill once and use a slash command (like /sync-translations or /drift-check) to run it.

Skills are where you encode the crucial when, where, and how of working with Lokalise and Figma. For example: how to store sync data so you can track which nodes have been synced and translated in Lokalise (and find drift), where to generate translation copies of frames or screens, and how to generate key names based on your predefined key-naming pattern.

🚀 Grab the skill

I have an AI skill I set up for personal use, that handles the flows for setup, sync, check-stale, update-source, and generating previews — a launchpad for anyone to take and improve for their own use. Check out the repo here. It includes a skill for use directly in Figma with Figma’s native AI agent, plus more robust skills for Claude, Cursor, or your preferred LLM.

What to ask the Figma AI agent

Once Lokalise MCP is connected, you interact with Lokalise through plain-language prompts inside Figma when using your AI skills. No menus, no switching tools — you describe the outcome and the agent handles the rest.

Here are examples of what you can ask:

  • “/lokalise Push all text from this frame to Lokalise” — the agent extracts text nodes, creates or updates keys in your Lokalise project, and stores the mapping metadata on each Figma node.
  • “/lokalise Create an AI translation task for Spanish and French” — triggers an AI translation task in Lokalise with glossary and translation memory applied.
  • “/lokalise Assign Eric as a human reviewer for all target languages” — creates a review task in Lokalise and assigns the right contributor.
  • “/lokalise Check this screen for drift” — compares current Figma text values against what was last synced to Lokalise, and reports which strings have changed.
  • “/lokalise Pull reviewed translations back into this frame” — downloads the latest approved translations from Lokalise and updates the Figma text nodes.

The beauty is flexibility. If you want to sync Figma variables instead of text nodes, or use a custom key naming pattern, or scope nav items as shared global keys — you describe it, and the agent adapts. You’re not limited to predefined plugin workflows.

🧠 Good to know

For a deeper understanding of how MCP compares to the REST API for localization tasks, read our MCP vs REST API guide.

Design-stage localization is now conversational

The combination of Figma’s AI agent and Lokalise MCP means designers don’t have to choose between speed and control. The plugin gives you a fast, reliable path for standard workflows. The AI agent gives you the flexibility to define your own.

Either way, every translation flows through Lokalise — with glossaries, translation memory, AI quality scoring, and human review workflows keeping quality consistent. You catch layout breaks in Figma before code is written. You involve translators with full visual context. And you do it without leaving your design tool.

Ready to try it?

Developer Guides & Tutorials

Author

eric.jpeg

Senior Sales Engineer

Eric joined Lokalise in 2022 after managing projects for a language service provider. His journey into language tech started back in Boulder, Colorado, where he studied Linguistics at CU Boulder and graduated in 2015. After college and a three-year adventure with the Peace Corps, he added a Spanish-to-English translation certificate from UCSD Extension in 2020 (staying productive during "The Global Science Experiment That Went Viral"). In 2024, he earned his master’s degree in Translation and Localization Project Management from the Middlebury Institute of International Studies

As Eric dug deeper into the translation industry, he realized that language technology is where his skills and passions align best. Now at Lokalise, he’s thrilled to help prospective and current users evaluate, adopt, and optimize their use of Lokalise’s capabilities. Since joining, he’s expanded his focus to computer science, specializing in custom integrations and workflows that help users automate and streamline their work. His mantra? Automate, automate, automate! 

Eric shares his insights and side projects on his Substack blog, where he dives into topics like using LLMs to enhance machine translation output. In his favorite project so far, he used Lokalise, OpenAI, DeepL, and a quality estimation engine from Hugging Face to explore how automated source-language editing can boost translation quality. He breaks down the process and results in a video for those curious to learn more. 

Outside work, you’ll find Eric enjoying the outdoors, music, and sports. He keeps active but admits to a bit of a gaming habit on the side.

Lokalise Figma workflow

Lokalise + Figma: The power duo for design-stage localization

Traditionally, teams shipped in one language first and only thought about localization once a feature was live. It worked for a while, but it also meant designs broke in translation, non-primary markets had to wait for “later phases”, and teams spent weeks fixing issues that could have been caught on day one. Design-stage localization changes when localization happens, and that makes all the difference. In this article, we’ll walk you through what design-stage loc

Updated on December 17, 2025·Alexander Pereverzevs
Figma

The magic of Figma: use cases you wouldn’t expect

After raising $14 million in Series A financing, Dylan Field, Co-founder and CEO of Figma, said something that hit close to home: “Design is undergoing a monumental shift — going from when design was at the very end of the product cycle where people would just make things prettier to now where it runs through the entire

Updated on December 17, 2025·Mia Comic

Stop wasting time with manual localization tasks.

Launch global products days from now.

  • Lokalise_Arduino_logo_28732514bb (1).svg
  • mastercard_logo2.svg
  • 1273-Starbucks_logo.svg
  • 1277_Withings_logo_826d84320d (1).svg
  • Revolut_logo2.svg
  • hyuindai_logo2.svg