# Translations Editor

> Edit translation files through the Dev Tools UI.

*Canonical: https://makerkit.dev/docs/nextjs-prisma/dev-tools/translations*

---

The Translations Editor lets you inspect and edit the locale files used by the app.

In this repo, it is backed by the MCP translations service and writes changes back to the message files.

{% img src="/assets/images/dev-tools-translations.webp" width="1000"
height="600" /%}

## Adding a New Language

Add the locale to `packages/i18n/src/routing.ts`, then add the matching message files under `apps/web/i18n/messages/`.

## Editing Translations

Every update is written back to the same file it came from.