Mapwiz

About this plugin

This plugin is a comprehensive toolkit designed to streamline the internationalization (i18n) and localization (l10n) workflow directly within Figma. It bridges the gap between design and development for global products by automating tedious tasks and integrating powerful AI capabilities.

By exploring the code, you can learn how to build a sophisticated Figma plugin that:

Automates Key Generation: Instantly creates structured, meaningful dictionary keys for text layers. It even leverages AI (OpenAI/Gemini) to generate context-aware keys based on a UI description.

Integrates AI Translation: Connects to external services like OpenAI and Google Gemini to translate UI text into multiple languages simultaneously, without ever leaving the design file.

Leverages Figma Variables: Saves keys and translations directly into Figma's native Variable Collections, creating a single source of truth that streamlines the handoff to developers.

Manages Collections with Ease:

Import & Export: Exports variable collections to common formats like JSON and Excel for external translation workflows and imports the completed files back into Figma.

Edit & Translate: Seamlessly adds new languages to existing collections and uses AI to automatically translate all missing text values, complete with a preview and editing step.

Offers Flexible Workflows: Provides multiple modes of operation, from simple key-value mapping to a full "Map + Translate" pipeline, allowing users to choose the right tool for their specific needs.

In essence, this plugin serves as an excellent example of how to significantly accelerate the design-to-development process for global applications, reduce manual errors, and ensure consistency by centralizing text management within the design tool itself.